h1 中的 CSS 跨度填充和背景

Question

我使用 H1 标签作为标题文本，并在其中使用 SPAN 标签来添加背景颜色和填充，例如:

example here

问题是当文本溢出到另一行时，SPAN 元素填充不会影响其他行上的文本。

有人对如何修复有任何想法吗？ (我在这里查看/尝试了其他示例，但在使用“左边框”技术时遇到了问题——在所有浏览器中呈现不同。)有没有办法使用 jquery？干杯，S。

编辑:

我想我已经设法让它正常工作 - 请参阅 http://jsfiddle.net/xqd87/124/

Answer 1

根据您的评论，我能做的最好的事情就是将 white-space:pre-wrap; 添加到 .bg-box。这为您在行尾右侧提供了所需的空间，但遗憾的是不会在新行的左侧添加空间。

Example