如何展开按钮，它们目前是堆叠的？

Question

我的页面上有一堆按钮，我的html就像：

<div>
  <input ..>
  <input ...>
</dvi>

他们目前正在彼此堆叠，我希望他们全部在一条水平线上展开。

我尝试过：

显示：内联

在外部div上，但那不起作用。

Answer 1

在输入上尝试display:inline或float:left。

Answer 2

只是float他们！

<div>
   <input style="float: right" />
   <input style="float: right" />
</div>

Answer 3

尝试：

div input {
    float: left;
    margin-right: 10px;
}

......或类似的东西。您可以提供输入类或ID（通常建议使用），以便您可以为每个类应用特定样式。

Answer 4

您是否说过将内联应用于div？这将div设置为内联显示，但我认为你想要的是输入显示为内联。尝试：

div input {
display: inline;
}

更好？