title: How to stack text with pure CSS?
body: <p>I want to use a text as the background for another text. Basically, this is quite easy by using two <code>div</code> elements with appropriate <code>position</code> and <code>z-index</code> settings, as described in <a href="https://stackoverflow.com/questions/1191464/is-there-a-way-to-use-use-text-as-the-background-with-css">Is there a way to use use text as the background with CSS?</a>.</p>
  
  <p>My problem is that I want to align both texts, although they are different in size. The background text is bigger, and the foreground text shall be aligned vertically with the background one, so that both texts' vertical center is at the same position.</p>
  
  <p>I can achieve this by manually adjusting the position in pixels, but I have to do this for every font-size I want to use individually. Moreover, I can never be sure that this works in every browser in the same way.</p>
  
  <p>Is there a better alternative to do this?</p>