如何在使用em设置文本时删除div边框和文本之间的额外空格？

Question

请参阅：http://jsfiddle.net/E8QHb/2/

带文字的简单div：

<div class="TL">Text</div>

这个css：

.TL {
    font-size: 2em;   
    border: 1px solid red;
}

根本没有填充或边距，但文本和红色边框之间有空间。我希望红色边框能够使用基于像素的高度或行高来一直触摸没有的文本。

我已尝试line-height:auto，line-height:auto，height:auto，display:inline-block和display:block。

如何做到这一点？

Answer 1

只需在em中使用line-height？

<强> DEMO

CSS：

.TL {
    ...
    line-height: 0.65em;
    display: inline-block;
}