css - 如何在一个多行换行的句子的每一行中添加水平填充？

这是我的代码:

<div><p><span>... highlighted text ...</span></p><p>Chapter info</p></div>

这是当前的样子:

http://i48.tinypic.com/2dqvo1i.png

有没有办法在突出显示的文本的两侧添加填充？ SPAN上的常规填充不起作用，因为它仅考虑了句子的开头和结尾，而不是单独考虑每一行。

有任何想法吗？ CSS3代码很好。

最佳答案

经过一段时间的努力，我发现了一个非古怪的解决方案，为较旧的浏览器提供了不错的后备解决方案–在文本行中添加了两个CSS3阴影:

span {
background:#ff0;color:#000;
box-shadow:0.2em 0 0 #ff0,-0.2em 0 0 #ff0;
-moz-box-shadow:0.2em 0 0 #ff0,-0.2em 0 0 #ff0;
-webkit-box-shadow:0.2em 0 0 #ff0,-0.2em 0 0 #ff0;
}