Я пытаюсь создать выделенный текстовый эффект с небольшим количеством отступов, но отступ применяется только к началу и концу, а не к новым строкам.

#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>

Пожалуйста, смотрите здесь:http://jsfiddle.net/CNJZK/7/

Существуют ли какие-либо чисто CSS-исправления, чтобы внутренние («острые») края расширялись немного дальше? то есть как на этом изображении:http://i.imgur.com/j8mIJZS.jpg