css - 在 css 中创建笔高亮效果的更清洁方法？

Question

这是一个显示我希望创建的效果的小提琴

2个强制性要求：

1. 我需要每个突出显示的行之间的小间距（填充/边距）
2. 绿色突出显示应仅覆盖每行文本的长度

我尝试了<div><span>text</span></div>组合的混合，只能达到 1. 或 2. 但从来没有两者兼而有之，除非有一张桌子。

虽然我很高兴这个内容在表格中，因为它是表格的，但我对最终结果不满意，因为我在表格行中拆分了一个段落，而不是板球。

如何仅使用 div 和 spans 来获得效果？

Answer 1

试试这个...

display: block;
float: left;
clear: both;

这是我做的一个例子：http: //jsfiddle.net/Gxhsq/