title: How do I center text in the <option> element?
body: <p>I want to center the text when using: &lt; select > &lt; option > . I customized &lt; select > to a nice rectangle button, but the text is aligned to the left and I don't know how to target it in CSS so I can center it.</p>
  
  <p>So far I have tried:</p>
  
  <pre><code> option { text-align:center; }
  </code></pre>
  
  <p>and</p>
  
  <pre><code> option[value=0] { text-align:center }
  </code></pre>
  
  <p>No luck..</p>
  
  <p>Here is what I have so far:</p>
  
  <p><a href="http://jsfiddle.net/xtsx68pf/" rel="nofollow">http://jsfiddle.net/xtsx68pf/</a></p>
  
  <p>I need the text to be centered. How do I do that with the &lt; <strong>option</strong> > element?</p>