title: How to vertically align the baseline of text to a set point in HTML/CSS?
body: <p>I have created an algorithm that converts text formatted in SVG into HTML, the algorithm works well but the positioning of the text in the HTML version is slightly out compared to the SVG.</p>
  <p>I have realised that this is due to the coordinate system in SVG; it's origin is at the bottom left rather than the top left.  Therefore my HTML text is below the position it should be.  This is for commercial software, personally I would rather keep the text as SVG, but I can't because of a client request, also this needs to be a pixel perfect copy!</p>
  <p>In order to fix the HTML I need to align the text so that its baseline is at the point that I read from the SVG.  I have tried to do this with vertical-alignment but with no success.</p>
  <p>The problem is not working out the coordinates here, I already know where the baseline of the text should be.</p>
  <p>Does anyone know how to to align the baseline of some text to a set point in HTML?  Or does anyone know if it is even possible to place text using the baseline rather than the top left point.</p>