title: Align Text Center in Select
body: <p>I have currently got myself a nice styled select box which I made:</p>
  
  <p><a href="http://jsfiddle.net/B2rS6" rel="nofollow">http://jsfiddle.net/B2rS6</a></p>
  
  <p>However, if I were to set the width longer than the relative or have a really long option like the below, the text would not be centered.</p>
  
  <pre><code>&lt;option&gt;This is a really long option that will distort the width of the selections&lt;/option&gt;
  </code></pre>
  
  <p>Is there a way I can style it so that it will center the text in the select across browser? I don't care if it's javascript or css. Just need something that will work.</p>