html - HTML CSS:如何使Div框高度等于文本高度？

在这个例子中
如何使div框的高度等于字体文本的高度（无论将来是否更改字体大小）？ div框基本上应该包装文本。现在我看到多余的空间了吗？我尝试填充0px，边距0px，但是没有用。您可以在Chrome中按住Ctrl-Shift-i下方的代码段

（在这里看到了额外的填充，试图摆脱它）

div {
    padding: 0px;
    margin: 0px;
}

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

最佳答案

这是您的追求吗？https://jsfiddle.net/jkyg40hm/

的HTML

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

的CSS

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;
}

关于html - HTML CSS:如何使Div框高度等于文本高度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57048045/