html - 排列 div，使它们之间有一个边距

Question

在下面的 html 中，我想要第三个 div，以便它与前两个 div 位于同一行，但中间有 100px 的间隙。代码显示前两个 div 相邻，这是我想要的，但第三个 div 显示在前两个 div 下方。将前两个 div 的样式更改为 float 左侧以外的样式会弄乱页面的其余部分。

有什么想法吗？

<div class="maintitle">

<div style="float: left;">
</div>
<div style="float: left;">
</div>
<div style="float: left; margin-left: 100px;">
</div>

</div>

Answer 1

将所有的 float: left; 声明更改为 display: inline-block; 就可以了。