title: I want to vertical-align text in select box
body: <p>I want to vertically align the text in select box. I tried using </p>
  
  <pre><code>select{
     verticle-align:middle;
  }
  </code></pre>
  
  <p>however it does not work in any browsers. Chrome seems to align the text in select box to the center as a default. FF aligns it to the top and IE aligns it to the bottom. Is there any way to achieve this? I am using GWT's Select widget in UIBinder.</p>
  
  <p>This is currently what I have:</p>
  
  <pre><code>select{
      height: 28px !important;
      border: 1px solid #ABADB3;
      margin: 0;
      padding: 0;
      vertical-align: middle;
  }
  </code></pre>
  
  <p>Thanks!</p>