css - HTML/CSS - 将 div 放在彼此的旁边和下面

Question

我有一个问题，我希望有人能帮助我。我想要的是:

[lorem] [lorem
         ipsum
[other]  bla
         bla]

所以这是 3 个 div，它们彼此相邻，我所拥有的是:

[lorem] [lorem
         ipsum
         bla
         bla]

[other]

因此，当该 div 结束时，另一个 div 会出现在该 div 的下方，而不是该 div 的旁边。

我的代码:

<div> Lorem </div>
<div> lorem ipsum bla bla </div>
<div> other </div>

div { float: left; }

这可能吗？谢谢!

Answer 1

你可能想要这个......

<div class="abc">
    <div> Lorem </div>
    <div> other </div>
</div>
<div class="abc"> lorem ipsum bla bla </div>


.abc { float: left; margin-right:20px;}