title: How to left and right align text in multiple select option in Bootswatch
body: <p>I'm using Bootswatch Sandstone <a href="https://bootswatch.com/sandstone/" rel="nofollow noreferrer">https://bootswatch.com/sandstone/</a></p>
  
  <p>And I have a form with source code:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label for="exampleSelect2"&gt;Example multiple select&lt;/label&gt;
    &lt;select multiple="" class="form-control" id="exampleSelect2"&gt;
      &lt;option&gt;&lt;p class="text-left"&gt;Subject 1&lt;p&gt;&lt;p class="text-right"&gt;500 views&lt;/p&gt;&lt;/option&gt;
      &lt;option&gt;&lt;p class="text-left"&gt;Subject 2&lt;p&gt;&lt;p class="text-right"&gt;400 views&lt;/p&gt;&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to left and right align text values within the options?</p>