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

#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