How to absolutely position the baseline of text in HTML

Question

I\'m puzzled by the following problem. I wish to (absolutely) position the baseline of some piece of HTML text at a certain y-coordinate, while the text should be starting a

Answer 1

Hacky solution based on this blog post.

HTML:

  
css=powerful

CSS:

body {
  margin: 0;
}
#text {
  font-size: 30px;
  line-height: 0px;
  margin-left: 100px;
}
#text:after {
  content: "";
  display: inline-block;
  height: 120px;
}

JsFiddle. The basepoint is aligned to (100, 120).