title: Achieve a two column table look with CSS/Divs
body: <p>I need a two column table with one word in the left column (e.g. name, biography) and with details for each in the right column. I have tried:</p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;div id="left_column"&gt;......&lt;/div&gt;
  &lt;div id="right_column"&gt;......&lt;/div&gt;
  </code></pre>
  
  <p><code>&lt;/div&gt;</code></p>
  
  <p>This looks fine if the right column only has one or two words, but for longer entries such as 'bio' the second div's info snakes underneath the left_column div.</p>
  
  <p>What's the easiest way to achieve the two columns without this happening?</p>