css - 将元素置于彼此下方

Question

我有两个元素要放在彼此旁边，三个元素要放在前两个元素的下方，如下所示：

元素 1 元素 2

元素 3 元素 4 元素 5

这些实际上是文本元素，无论文本有多长，我都希望它们仍然保持在那个位置。如何在不使用 的情况下执行此操作？

Answer 1

使用<div>标签创建两个不同的容器。

<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;
}