html - 匹配字符的顶部和字体的底部基线

Question

您是否知道使边框与字体基线和字符顶部相匹配的可靠方法？

我不确定这是否很清楚，因为我缺乏准确解释这一点的词语，所以这里有一个例子：http ://codepen.io/anon/pen/zwjLf 。在找到最佳值之前，这就是我能够弄乱 line-height 属性的方法：

line-height: 0.7em;

但我想这不是一种非常干净或可靠的方法。