title: How to remove whitespace if select option checked
body: <p>I have sample code:</p>
  
  <pre><code>&lt;select&gt;
  &lt;option value="1"&gt;1&lt;option&gt;
  &lt;option value="2"&gt; 2&lt;option&gt;
  &lt;option value="3"&gt;  3&lt;option&gt;
  &lt;option value="4"&gt;   4&lt;option&gt;
  &lt;option value="5"&gt;    5&lt;option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And css:</p>
  
  <pre><code>select option:checked {
     padding-left: 0;
     text-align:left;
  }
  </code></pre>
  
  <p>When I checked option (2 or 3 or 4 or 5), I can't remove whitespace, how to fix it ?</p>
  
  <p>This is attachment:</p>
  
  <p><img src="https://i.stack.imgur.com/RWtPf.png" alt="Select box dropdown"></p>