title: vertically center elements. line-height vs padding
body: <p>I'm trying to find the best way to vertically center two left floated elements.</p>
  
  <p><code>center with padding:</code> <a href="http://jsfiddle.net/fUmMM/14/" rel="nofollow">http://jsfiddle.net/fUmMM/14/</a></p>
  
  <p><code>center with line-height:</code> <a href="http://jsfiddle.net/fUmMM/15/" rel="nofollow">http://jsfiddle.net/fUmMM/15/</a></p>
  
  <p>Both versions work with newer browsers but what is with olders like IE8? Is it better to calculate the exact padding to support old browsers? The line-height version feels more like a hack for me but its faster.</p>