安排div，以便在两者之间留有余量

Question

在下面的html中，我想要第三个div，以便它与前两个相同，但中间间隔为100px。代码显示相邻的前两个div，这是我想要的，但第三个div显示在前两个下面。将前两个div的样式更改为浮动以外的其他内容会使页面的其余部分混乱。

有什么想法吗？

<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;，您应该好好去。