title: Two column horizontal flow with CSS
body: <p>I want to achieve a flow of DIVs similar to this: </p>
  
  <p><img src="https://i.stack.imgur.com/0gFbi.png" alt="enter image description here"></p>
  
  <p>Where divs flow left to right and top to bottom. </p>
  
  <p>If I try floats, 3 starts at the height where 2 ends... So I'm wondering... Is there a way of doing this with CSS?</p>
  
  <p>Edit: As I'm getting the divs from a database using PHP, I can't just move the 2 to the 3 or something like that.</p>
  
  <p>Edit: Heights and number of divs are also variable.</p>