css - cssでペンハイライト効果を作成するよりクリーンな方法は?

Question

これは、作成したい効果を示すフィドルです

2 つの必須要件:

1. 強調表示された各行の間に小さな間隔 (パディング/マージン) が必要です
2. 緑色のハイライトは、各行のテキストの長さだけをカバーする必要があります

私はコンボを組み合わせて試してみました<div><span>text</span></div>が、テーブルを除いて、1.または2.にしか到達できず、両方にはなりませんでした。

このコンテンツが表形式であるため、表にあることを嬉しく思いますが、クリケットではない表の行に段落を分割しているため、最終結果には満足していません。

div と span だけで効果を得るには?

Answer 1

これを試して...

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

これが私が作った例です: http://jsfiddle.net/Gxhsq/