title: CSS: Absolutely position text by baseline?
body: <p>I have the coordinates for text that needs to be absolutely positioned on the page, but the coordinates I have are for the baseline of the text, not the top left corner of the text (which could be anything depending the characters.)</p>
  
  <p>Currently the text will be positioned by the top-left corner, which makes it impossible to position my text accurately.</p>
  
  <p>How can I set the absolute position of the baseline of the text? That is, the I want to specify the position of the baseline of the text, not the top of the text.</p>
  
  <p>Please see: <a href="https://jsfiddle.net/8hnjoo68/" rel="nofollow">https://jsfiddle.net/8hnjoo68/</a></p>
  
  <pre><code>&lt;div style="position:absolute; top:0px; left:0px; font-size: 42px;"&gt;This text should be off the page because it's baseline is set at 0.&lt;/div&gt;
  &lt;div style="position:absolute; top:42px; left:0px; font-size: 42px;"&gt;Second line of text should be where the first one is, more or less.&lt;/div&gt;
  </code></pre>