HTML CSS：如何使Div框高度等于文本高度？

在这个例子中， 如何使div框的高度与字体文本的高度相等（无论将来是否更改字体大小）？div框基本上应该包装文本。现在我看到了额外的空间？我尝试填充0px，边距0px，但没有效果。您可以在Chrome中按住Ctrl-shift-i键并输入下面的代码段

（这里看到额外的填充物，试图去除它）

div{
填充：0px；
边际：0px；
}

标题标题

这是您想要的东西吗：

HTML

<div class="card-title cardtext">
  <p>Header Title</p>
</div>

---

行高：1

？我觉得，a）您遗漏了一些代码，或者b）您实际突出显示的是html标记，而不是div，因为默认情况下div应该已经“包装”了文本。CSS在哪里？供将来参考：框的高度必须与字体的高度匹配，此外，它还必须考虑可变字体sizes@jerrythomas很抱歉，我刚刚忘记了lol edit。如果你调整字体大小，它的更大，另外行高必须是可变的，尽量避免固定像素大小，如果我有可变字体大小工具，在这种情况下，使用%而不是px作为线条高度，例如：70%感谢它似乎更有效，你是如何获得线条高度的。7，它是在一本书中吗？

div
{
 position: relative;
 display: block;

 height: auto;
 width: auto;

 background-color: #000;
}

p{
  position: relative;
  display: inline-block;

  background-color: #3d3d3d;
  color: #fff;

  width: auto;
  padding: 0px;
  margin: 0px;

  font-size: 24px;
  line-height: 15px;
}