html - 如何在 div 之后显示内联选择元素？

Question

我有这些 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>

我正在尝试以内联方式显示它们，但我找不到实现它的方法。我搜索了 SO 并应用了一些解决方案，比如将两个元素都包含在一个 div(div1 和 div2)中，并在 CSS 代码中添加如下内容:

#div1, #div2
{
   display: inline;
}

我也尝试过 inline-block 和许多其他解决方案，但都没有奏效。有什么可行的方法吗？

Answer 1

你还需要将 div1 中的 h2 内联:

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