HTML/CSS - Разместите div рядом и под друг друга

Question

У меня проблема, и я надеюсь, что кто-то может мне помочь. То, что я хочу это:

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

Так это 3 DIV, который находятся рядом и друг под другом, что у меня есть это:

[lorem] [lorem 
     ipsum 
     bla 
     bla] 

[other] 

Таким образом, когда DIV закончился другой DIV идет под дива вместо «Дива».

Мой код:

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

div { float: left; } 

Возможно ли это? Благодаря!

Answer 1

U мог бы хотеть это ...

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


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

Answer 2

Если я правильно понял, вы хотите, чтобы все три div были встроены в строку. Если это то, чего вы хотите, тогда вы должны также дать ширину своим div.

например, если ваш родительский контейнер имеет ширину 600 пикселей, тогда ваши плавающие div должны иметь ширину 200px (200px X 3 divs = 600px).

Таким образом, вы убедитесь, что они вписываются в один ряд.