title: How do I get boxes on my website to stack up in two columns?
body: <p>On <a href="http://vinnl.nl/" rel="nofollow noreferrer">my website</a> I have a few blocks with info from different sites being generated dynamically, resulting in me not being able/wanting to control the order in which those blocks appear. Now I'd like them to stack up in either the left or the right column, depending on where there is space. </p>
  
  <p>To clarify, I drew up what it looks like and what I'd like it to look like, but the website won't let me post them, so I hope my description is clear enough (if not, the images are </p>
  
  <p><img src="https://i.stack.imgur.com/Yr04Y.png" alt="78R5d">
  <a href="https://i.stack.imgur.com/78R5d.png" rel="nofollow noreferrer">http://i.stack.imgur.com/78R5d.png</a></p>
  
  <p>and </p>
  
  <p><img src="https://i.stack.imgur.com/ZBmVx.png" alt="T51aP">
  <a href="https://i.stack.imgur.com/T51aP.png" rel="nofollow noreferrer">http://i.stack.imgur.com/T51aP.png</a></p>
  
  <p>the way it is now, when the boxes in the right column are slightly higher in total than the boxes on the left, a new box will appear on the left, but with some whitespace above it to compensate for the height difference. It'd be great if boxes on the right wouldn't block those on the left.</p>
  
  <p>Now, I'm afraid this won't be possible without adding some specific classes to each box, but you never know what clever solutions people might come up with :)</p>