Использование двух полей формы выбора, но появляется только один

Я использовал два прямоугольника формы, а второй должен отображаться ниже, вместо этого он не отображается, но остальная часть содержимого

Я скопировал код в верхней части страницы и появился, но переформатировал страницу. Я хочу, чтобы он появился чуть ниже первого:/

HTML:

      <select name="Category" required="required">
      <option value="" title="Category">Category</option>
      <option value="CAT1">CAT1</option>

      <select name="Location" required="required">
      <option value="" title="Location">Select Location</option>
      <option value="Worldwide">Worldwide</option>

CSS

select {
padding:1.2em;
margin: 0em;
background: #e74c3c;
color:#ffffff;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
clear: both;
}