H1边界不要拉伸

Question

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

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

现在这会将背景颜色放在整个窗口上。

我可以在文字大小范围内包含它吗？

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是内联元素（不是在整个宽度上延伸） ，但只占据显示它所需的空间。）