強制選擇選項於一行

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>

我有此代碼，其中，在計算器上是在同一行（除了按鈕）。在我們的CMS，但是，每個select元素顯示了在另一條線路是這樣的：

我能做些什麼來都在迫使這些以一條線？

Answer 1

添加顯示：inline-block的所有的元素，使它們在一行內顯示：

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

Answer 2

對我來說，最好的解決辦法也display: inline-block。

但是，如果你沒有訪問到您的CMS的HTML模板文件，你可以嘗試插入您的.css文件如下：

#Semester, #Year, #Year + p { display: inline-block;} 

如果仍然無法正常工作，嘗試添加!important;