title: Align SELECT-OPTIONS text to right
body: <p>These are the screen shots of the form I am developing.</p>
  
  <p><img src="https://i.stack.imgur.com/T2Xhg.jpg" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/85sVM.jpg" alt="enter image description here"></p>
  
  <p>I want to design select box in form in such a way that text in options is right aligned and after selecting the option it selected text shown also should be displayed as shown in below image.</p>
  
  <p><img src="https://i.stack.imgur.com/ZdN6o.jpg" alt="enter image description here"></p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="0" selected="selected" style="text-align: right;"&gt;EqualsTo&lt;/option&gt;
      &lt;option value="1"&gt;LessThan&lt;/option&gt;
      &lt;option value="2"&gt;GreaterThan&lt;/option&gt;
      &lt;option value="3"&gt;LessThanEqualsTo&lt;/option&gt;
      &lt;option value="4"&gt;GreaterThanEqualsTo&lt;/option&gt;
      &lt;option value="5"&gt;Between&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>