title: HTML multiple column drop down with adjusted columns
body: <p>I need a drop down menu with multiple columns. I googled and found a solution:</p>
  
  <pre><code>&lt;select name="timezones"&gt;
      &lt;option value="1"&gt;
          &lt;column&gt;Pacific/Auckland&lt;/column&gt;
          &lt;column&gt;+12:00&lt;/column&gt;
      &lt;/option&gt;
      &lt;option value="2"&gt;
          &lt;column&gt;Australia/Brisbane&lt;/column&gt;
          &lt;column&gt;+10:00&lt;/column&gt;
      &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>However, the columns are not adjusted under each other.</p>
  
  <p>How it looks:</p>
  
  <pre><code>Pacific/Auckland +12:00
  Australia/Brisbane +10:00
  </code></pre>
  
  <p>How I want it looks like:</p>
  
  <pre><code>Pacific/Auckland    +12:00
  Australia/Brisbane  +10:00
  </code></pre>