强制选择选项于一行

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;