jquery - 2 つの Select Form Box を使用するが、1 つしか表示されない

Question

2 つの選択フォーム ボックスを使用しましたが、2 つ目は下に表示され、代わりに表示されませんが、残りのコンテンツは表示されます

ページの上部にあるコードをコピーしたところ、表示されますが、ページが再フォーマットされます。最初のすぐ下に表示したい:/

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;
}