将文本基线与另一个元素(CSS)的顶部对齐

我确定之前有人这样做了,但是我无法想出足够好的搜索查询来找到它.

我想将基线(不是文本元素的底部,文本本身的基线)与另一个div的顶部对齐.这也意味着我希望下降器与它下面的另一个div相交.

HTML看起来像这样:

text

所以我希望.text它的基线直接位于顶部边缘之上.box,我希望下降器(如"g")相交.box.我试图vertical-align在CSS中使用该属性,但它无法正常工作.我有一种感觉,这就是我需要的东西.有任何想法吗？谢谢!

看到这个图像,灰色框将是.box和文本部分.text.注意下降到框中的下降器和基线与盒子完全接触.