title: CSS - how to align different font-sizes to each other?
body: <p>I have a small problem with some CSS -> <a href="http://jsfiddle.net/earle37/Eh8TB/" rel="nofollow">Example on jsFiddle</a></p>
  
  <p>Simple button:</p>
  
  <pre><code>&lt;button type="reset" id="reset-btn"&gt;Reset&lt;/button&gt;
  </code></pre>
  
  <p>CSS rule:</p>
  
  <pre><code>button#reset-btn:after{
      content:" &lt;&lt;";
      font-size:2em;
  }
  </code></pre>
  
  <p>As you can see the "&lt;&lt;" is getting generated through CSS. Is there a way to align these two different font sizes to each other so that the text next to the bigger "&lt;&lt;" is at the vertical center of the button?</p>
  
  <p>Thanks in advance!</p>