Text highlighting (label effect) using CSS

Question

I want to create a text style similar to a label. Looky here:

I can nearly do it using just: http://jsfiddle.net/STApE/

p{display: inline; background: yellow;}

BUT, I want to add some padding. When I do, things go downhill. Same happens if I add a border: http://jsfiddle.net/JN72d/

Any ideas on a simple way to achieve this effect?

Answer 1

I was able to achieve it by modifying your DOM structure a bit:

http://jsfiddle.net/Zp2Cm/2/

Answer 2

Wrap each line with a span. Set the span to be block-level. Apply background and padding to span.