DIV's one after the other in two columns?

Question

HTML

Positioning blocks without extra spaces.
Example
How to make div's follow each other using free space as much as possible? I've already broken my head. Thank you.

Answer 1

Or create two classes: Divas that should be in the right column are written with rtext style, and vice versa.
.ltext {
display: block;
float: left;
width: 550px;
border: 1px solid #000;
}
.rtext {
display: block;
float: right;
width: 550px;
border: 1px solid #000;
}

Answer 2

Make a table with two cells. Add all divs from the left column to the left, add all divs from the right column to the right.

Answer 3

JQuery Masonry .

Answer 4

hmm, width:50% each?