title: How can I align two divs horizontally?
body: <p>I need to align two divs next to each other, so that each contains a title and a list of items, similar to:</p>
  
  <pre><code>&lt;div&gt;
      &lt;span&gt;source list&lt;/span&gt;
      &lt;select size="10"&gt;
          &lt;option /&gt;
          &lt;option /&gt;
          &lt;option /&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
      &lt;span&gt;destination list&lt;/span&gt;
      &lt;select size="10"&gt;
          &lt;option /&gt;
          &lt;option /&gt;
          &lt;option /&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It's remarkably easy to do with tables, but I don't want to use tables. How can I achieve this?</p>