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

请参阅：

带有文本的简单div：

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

根本没有填充或边距，但是文本和红色边框之间有空间。我希望红色边框在周围一直接触文本，而不使用基于像素的高度或线条高度

我尝试了

行高：自动

，

行高：自动

，

高度：自动

，

显示：内联块

，和

显示：块

---

如何做到这一点？

只需在em中使用线条高度

CSS:

---

鉴于这取决于字体以及所使用的字符标志符号，如果大写字母T被删除，会发生什么情况？盒子是否应该缩小其高度，使其接触最高的小写字母？我认为CSS不允许这样的事情。单用CSS你可能能得到的最接近的结果是使用一个单位更少的行高，比如：有点，但这个值取决于

字体系列

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

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