css - 文本的背景颜色（仅限）

Question

我想知道是否有可能实现这一目标：

我的意思是，仅将背景颜色应用于文本而不是整个块，

ej

<h1>WELLCOME TO RENTAL IN MALLORCA BEATYFULL COLLECTION OF APPARTMENTS</h1>

是否有（跨浏览器，如果可能）方法来做到这一点？

Answer 1

是的。<span>在 中添加一个<h1>，并为其应用背景颜色和行高。

演示

Answer 2

除了 Niet 的回答：

要在每行的左侧和右侧获得额外的空间（此处为 10 像素），请将其添加到跨度：

h1 span {
  box-shadow: 10px 0 0px 0px #EDC330, -10px 0 0px 0px #EDC330;
}