html - 選択オプションを 1 行に強制する

Question

<select id="Semester">
  <option value="Fall">Fall</option>
  <option value="Spring">Spring</option>
  <option value="Summer">Summer</option>
</select>
<select id="Year">
  <option value="2015">2015</option>
  <option value="2016">2016</option>
  <option value="2017">2017</option>
</select>
<p>
  <input class="submit" value="Submit" type="submit" />
</p>

このコードは、StackOverflow では 1 行にあります (ボタンを除く)。ただし、CMS では、各select要素は次のように異なる行に表示されます。

これらすべてを 1 行に強制するにはどうすればよいですか?

Answer 1

すべての要素に display: inline-block を追加して、1 行で表示するようにします。

<select id="Semester" style="display: inline-block;">
  <option value="Fall">Fall</option>
  <option value="Spring">Spring</option>
  <option value="Summer">Summer</option>
</select>
<select id="Year" style="display: inline-block;">
  <option value="2015">2015</option>
  <option value="2016">2016</option>
  <option value="2017">2017</option>
</select>
<p style="display: inline-block;">
  <input class="submit" value="Submit" type="submit" />
</p>