Question

是否可以使文本行的背景颜色适合文本本身的边缘？

这是我想要完成的一个直观的例子：

<h3>内的文字是<div>，目前我所能达到的只是方块背景。

Answer 1

如果您希望获得涵盖整个文本的内容！你可以用这个：

<div>
 <h3>Afzaal Ahmad Zeeshan</h3>
</div>

这样做：

div {
 background-color: #hexcode;
}

其次，如果您只想要包装文字，那么您可以尝试删除padding:或margin:即使您没有，也请写下：

h3 {
margin: 0;
padding: 0;
}

这样，将删除所有填充或边距，并且仅在文本上提供背景！

第二个适合您的问题：“使一行文字的背景颜色适合文本本身的边缘？”

Answer 2

当然，将h3元素的display属性设置为inline。您可能还需要调整line-height属性以匹配字体大小。

display:inline;
font-size:20px;
line-height:20px;