css - 仅将属性应用到文本，而不是整行

Question

这是我的虚拟测试。

这是 HTML 内容:

<h1> Header </h1>

这是 CSS 内容:

body {
 background: pink;
}

h1 {
 background-color: #454545;
}

网页呈现如下:

正如您在这张图片中看到的那样，我将该属性应用于 <h1> , 但整行都有它的效果。

我想要的是，直到“Header”这个词的灰色背景，不超过那个(背景颜色只是一个例子。这不是仅的情况。)。

Answer 1

尝试:

h1{
  display: inline-block;
}