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

Question

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

我不确定它是否非常清楚，因为我缺乏准确解释这一点的话，所以这里有一个例子：http://codepen.io/anon/pen/zwjLf。这是我能够在找到最佳值之前弄乱行高属性：

line-height: 0.7em;

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