title: Make two parallel `<div>` colums the same height
body: <p>Suppose I have two columns, both represented by a <code>&lt;div&gt;</code> block. Both columns may grow larger than the other, so I want to force the smaller one to grow as big as the other.</p>
  
  <p>Example of my problem: <a href="http://jsfiddle.net/TvnSJ/" rel="nofollow">http://jsfiddle.net/TvnSJ/</a></p>
  
  <p>As you can see, the second column is smaller.</p>
  
  <p>I managed to solve this using tables, but I was unable to add margin between them. The margin is important, so I would like to know another solution.</p>