title: How to vertically align text to middle in HTML select?
body: <p>I didn't find any explanation on the internet on how to vertical-align text in an HTML <em><a href="http://en.wikipedia.org/wiki/HTML_element#Forms" rel="nofollow noreferrer">select</a></em>. I don't want to align the text in the <code>&lt;option&gt;&lt;/option&gt;</code> because that is not hard. I want to align the text that is selected in the <code>&lt;select&gt;&lt;/select&gt;</code>.</p>
  
  <p>I've looked at browsers like Firefox, Opera, Chrome and Internet Explorer and the text is only correct centered by default in Opera and Chrome. In Firefox it is going to top, in Internet Explorer it is going to bottom.</p>
  
  <p>How can this be made to work the same way in all browsers?</p>