html - 文本标签上方的填充是什么，我该如何处理？

Question

我在我的页面上添加了一个标签，标签上方有填充，因此它不在我设计的位置。我想删除文本上方的所有空间，以便它与我设置的位置齐平。字体越大，离我设置的位置越远。

这到底是怎么回事？

这是其中一个标签的代码:

<label id="Label1551">12pt</label>

#Label2125  {
    position:absolute;
    left:309px;
    top:5px;
    width:150px;
    height:61px;
    color:#000000;
    font-weight:normal;
    font-family:Arial;
    font-size:64px;
}

我在标签周围添加了轮廓，以便您可以看到结果。

更新:
这里有更多更新的代码，http://jsfiddle.net/6gLQU/8/ .尽管差距较小，但我仍然看到顶部存在差距。这是更新的屏幕截图。除了行高之外还有其他问题吗？

Answer 1

那不是padding，是line-height。我看到您没有在您的 css 中指定行高，但它将从样式表继承 line-height。因此，请尝试提供与 font-size

相同的 line-height