html - CSS: 類似した要素のグループを 2 列に並べる

Question

私のHTMLが次のように言っている場合

<div class="container">
 <div class="element">
 </div>
 <div class="element">
 </div>
 [...]
 <div class="element">
 </div>
</div>

それらの要素を 2 列のテーブルにあるかのように並べることは可能ですか? つまり、7 つの要素の場合、4 つの行があり、最後の行には 1 つの要素しかありません。

(要素自体には、右、左などの特別なクラスや ID はありません。)

Answer 1

はい：

.container{ position: relative }
.element{ width: 50%; float: left }