将元素置于彼此下方

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