css - 要素を互いに下に配置します

Question

次のように、2つの要素を並べて配置し、最初の2つの要素の下に3つの要素を配置します。

要素1要素2

要素3要素4要素5

これらは実際にはテキスト要素であり、テキストがどれほど長くても、その位置にとどまってほしいと思います。＆nbspを使用せずにこれを行うにはどうすればよいですか？

Answer 1

タグを使用<div>して、2つの異なるコンテナを作成します。

<div>
  Element 1 Element 2
</div>

<div>
  Element 3 Element 4 Element 5
</div>

Answer 2

これのテキスト使用の場合<br>。このように書いてください：

Element 1 Element 2 <br>Element 3 Element 4 Element 5

＆それがHTML要素の場合。このように書いてください：

HTML

<div>element1</div>
<div>element2</div>
<div class="ele3">element3</div>
<div>element4</div>
<div>element4</div>

CSS

div{
  float:left;
  margin-right:5px;
}
.ele3{
  clear:both;
}

これをチェックしてくださいhttp://jsfiddle.net/K9Smv/

Answer 3

<div>
    element1
    element2
</div>

<div class="new_line">
    element3
    element4
    element5
</div>

<div class="new_line">
    element6
    element7
    element8
    element9
</div>

div{
  float:left;
  margin-right:5px;
}
.new_line{
  clear:both;
}