arrange groups of similar elements in two columns

Issue

If my HTML says something along the following

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

is it then possible to align those elements as if they were in a two-column table? I.e. with 7 elements there would be 4 rows, with the last row only having one element.

(The elements themselves have NO special classes or ids like right,left,etc.)

Solution

Yes:

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

Answered By - Kerry Jones