将元素垂直排列

Question

我有两个元素想要并排放置，还有三个元素想要放在第一排下面，像这样：

元素1 元素2

元素3 元素4 元素5

实际上这些都是文本元素，无论文本长度如何，我都希望它们保持在那个位置。如何在不使用&nbsp的情况下完成这个布局？

- Kenny Bones

Answer 1

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

<div>
  Element 1 Element 2
</div>

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

- Jeffrey Ray

---

这个很好用 :) 不过我感觉有点傻，几年没写过 HTML 和 CSS 了！ - Kenny Bones

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

Check this http://jsfiddle.net/K9Smv/

- sandeep

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

- Niki Lichev