CSS: Hervorgehobener Texteffekt

Ich versuche, einen hervorgehobenen Texteffekt mit ein wenig Abstand zu erzeugen, aber der Abstand wird nur auf den Anfang und das Ende angewendet, nicht auf neue Zeilen.

#highlight {
background: rgba(255,230,0,0.5);
padding: 3px 5px;
margin: -3px -5px;
line-height: 1.7;
border-radius: 3px;
}

<span id=highlight>text<br>here</span>

Bitte sehen Sie hier:http://jsfiddle.net/CNJZK/7/

Gibt es irgendwelche Pure-CSS-Korrekturen, um die inneren ("scharfen") Kanten etwas weiter auszudehnen? d.h. wie in diesem Bild:http://i.imgur.com/j8mIJZS.jpg

Antworten auf die Frage(5)

Ihre Antwort auf die Frage