title: HTML - Select Box with price alignment
body: <p>I have a select with amounts of cash and want to align the dollar symbols with numbers. 
  like this:</p>
  
  <pre><code>$    0,00
  $   10,00
  $  100,00
  $ 1000,00
  </code></pre>
  
  <p>I already tried the html tag "dir=rtl". But does not work for the symbol goes right along with the numbers</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>my code:</p>
  
  <pre><code>&lt;select name="valor2" style="width: 150px;" dir="rtl"&gt;
                  &lt;option value="9999999"&gt;Qualquer um&lt;/option&gt;
                  &lt;option value="50000"&gt;R$50.000,00&lt;/option&gt;
                  &lt;option value="100000"&gt;R$100.000,00&lt;/option&gt;
                  &lt;option value="200000"&gt;R$200.000,00&lt;/option&gt;
                  &lt;option value="500000"&gt;R$500.000,00&lt;/option&gt;'
                  &lt;option value="800000"&gt;R$800.000,00&lt;/option&gt;
                  &lt;option value="1000000"&gt;R$1.000.000,00&lt;/option&gt;
                  &lt;option value="2000000"&gt;R$2.000.000,00&lt;/option&gt;
              &lt;/select&gt;
  </code></pre>