title: Many floating DIVs same height
body: <p>I have such situation: <a href="http://jsfiddle.net/HKHS3/" rel="nofollow">http://jsfiddle.net/HKHS3/</a>
  The question is how to make <code>div</code>s appear row after row where all <code>div</code>s in one row have the same height, depending on actual content of the tallest one?</p>
  
  <p>So, depending on <code>body</code>'s width the number of <code>div</code>s in a row will vary but each time the  <code>div</code> right after the end of row should kind of clear floating and start a new row.</p>