html - 我的 h1 元素中的额外空间来自哪里？

Question

我很难弄清楚我的 h1 标签中的额外空间是从哪里来的。我已将 CSS 填充和边距重置为 0，并将行高设置为与字体大小相同，我希望文本在标签内的上方或下方没有空格，并且垂直居中(冗余，但至少垂直居中，上下空间最小……最多几个像素)。

我做错了什么？提前感谢任何人可以提供的任何帮助。

h1 {
  margin: 0;
  padding: 0;
  background-color: #FC9;
  font-size: 3em;
  text-transform: uppercase;
  line-height: 3em;
}

<h1>THIS IS A TEST</h1>

Answer 1

您已经为类 lineheighttest 放置了 css 来设置行高 3em。删除它然后它会正常工作。