title: Select dropdown menu text split left and right?
body: <p>Not sure if this can be done but can I split the text in the option tags?</p>
  
  <p>Example, normal styling:</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value=""&gt;First - A&lt;/option&gt;
      &lt;option value=""&gt;Car - B&lt;/option&gt;
      &lt;option value=""&gt;Black - C&lt;/option&gt;
      &lt;option value=""&gt;Super Duper - D&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>How can I get it to look like this:</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value=""&gt;First       - A&lt;/option&gt;
      &lt;option value=""&gt;Car         - B&lt;/option&gt;
      &lt;option value=""&gt;Black       - C&lt;/option&gt;
      &lt;option value=""&gt;Super Duper - D&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I've tried added a span tag nested in the option tag but that didn't work</p>