Html 如何在div之后内联显示select元素？

我有以下HTML元素：

<div id="div1">
       <h2>Search what you want</h2>
      <input id="textSearch" type="text" class="form-control input-lg" placeholder="Search" />
</div>

<div id="div2">
<select id="droplist" class="form-control">
  <option>Option</option>
</select>
</div>

---

我也尝试过内联块和许多其他解决方案，但都没有成功。有可能的方法吗？

您需要将

div1

中的

h2

也内联：

#div1, #div2, #div1 h2
{
   display: inline;
}

请试试这个： HTML:

您可以尝试：

#div1, #div2 {
  display: inline-block;
}

或：

---

作为一个旁注，请考虑使用类名进行样式化，而不是ID-S.< /P> <代码>浮点：左边< /代码>已足够。

<div id="disptable">
<div id="disptabcell">
       <span>Search what you want:</span>
      <input id="textSearch" type="text" class="form-control input-lg" placeholder="Search" />
</div>
<div id="disptabcell">
<select id="droplist" class="form-control">
  <option>Option</option>
</select>
</div>
</div>

#disptable{display:table}
#disptabcell{display:table-cell}
span{font-size:18px;font-weight:bold}

#div1, #div2 {
  display: inline-block;
}

#div1, #div2 {
  width: 50%;
  float: left;
}