H1 边框不拉伸

Question

我有一个背景色为 h1 的元素：

 <h1 style="color:#b6ff00;background-color:aqua; text-align:center;">Choose time for the appointment</h1>

现在这会将背景颜色拉伸到整个 window。

我可以将它包含在文本的大小之内吗？

Answer 1

在 h1 中放置一个 span，对其应用边框。

<h1 style="text-align:center;">
 <span style="color:#b6ff00;background-color:aqua;">
   Choose time for the appointment
 </span>
</h1>

发生这种情况的原因是 h1 是一个 block level element（横跨其容器的整个可用宽度）而 span 是一个内联元素（不横跨其容器的整个可用宽度）整个宽度，但只占用显示它所需的 space。）

H1 Border not to strech