title: select2.js - How to align two items inside option element
body: <p>I want to align two items inside the <code>&lt;option&gt;</code> element using select2.js plugin.</p>
  
  <p>For example, here:</p>
  
  <pre><code>&lt;select id="myExample" class="pull-left"&gt;
      &lt;option value="1" class="pull-left"&gt;&lt;span class="pull-left"&gt;Item A &lt;/span&gt;&lt;span class="pull-right"&gt;Company A&lt;/span&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I want Item A to be aligned on the left and Company A to be aligned on the right.</p>
  
  <p>How can I achieve that? I tried using css only but it doesn't seem to be working.</p>
  
  <p><strong><a href="http://jsfiddle.net/brunodd/wphqwvLf/53/" rel="nofollow">jsFiddle</a></strong></p>