Как выровнять текст по левому и правому краю при множественном выборе в Bootswatch

Question

Я использую Bootswatch Sandstone https://bootswatch.com/sandstone/

И у меня есть форма с исходным кодом:

<div class="form-group">
  <label for="exampleSelect2">Example multiple select</label>
  <select multiple="" class="form-control" id="exampleSelect2">
    <option><p class="text-left">Subject 1<p><p class="text-right">500 views</p></option>
    <option><p class="text-left">Subject 2<p><p class="text-right">400 views</p></option>
  </select>
</div>

Как выровнять текстовые значения в опциях влево и вправо?

Answer 1

Насколько мне известно, невозможно иметь различное форматирование внутри тега параметра. Один из вариантов, который вы можете использовать, - это отображение информации в виде всплывающей подсказки с использованием атрибута title, например:

<div class="form-group">
  <label for="exampleSelect2">Example multiple select</label>
  <select multiple="" class ="form-control" id="exampleSelect2">
    <option title="500 views">Subject 1</option>
    <option title="400 views">Subject 2</option>
  </select>
</div>