title: vertical align text mac and PC
body: <p>I am trying to vertically center some symbols inside a box. But I can't get the symbol to  be vertically aligned in both OSX and windows</p>
  
  <p>here is a very simple example I made to demonstrate the issue 
  <a href="http://dabblet.com/gist/2971548" rel="nofollow">http://dabblet.com/gist/2971548</a></p>
  
  <p>you will notice that the x is vertically centered in windows but not on OS X.
  How to workaround this issue?</p>