php - 如何突出显示具有背景颜色的行并在每行上填充？

Question

我正在使用 php 在 p 标签内输出和摘录。

然后我用 span 包裹 p 标签的内部字符串。

<p class="lead"><span><?php the_advanced_excerpt(); ?></span></p>

输出的html...

<p class="lead"><span>Motorcycle helmet Full face or open face. A motocross or enduro style helmet is a better choice. These are specifically designed for off-road use and have particular…</span></p>

然后 span 上有这个 css...

.carousel-caption .lead span {
    background: #F60;
    padding: 5px;
}

请看这里...

请查看绿色箭头 - 所需位置。
查看红色箭头 - 缺少填充的地方。

如您所见，每行末尾的橙色高亮线条齐平。除了字符串的开头和结尾。

所以我的问题是如何为每行添加左/右填充？

所以看起来每一行都用背景颜色突出显示了。就像上面印有浮雕字母的塑料胶带。

这是否可行？

Answer 1

将“display:block”或“display:inline-block”添加到 span 的类中