CSS: efecto de texto resaltado
Estoy intentando producir un efecto de texto resaltado con un poco de relleno, pero el relleno solo se aplica al principio y al final, no a nuevas líneas.
#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>
Por favor vea aquí:http://jsfiddle.net/CNJZK/7/
¿Hay correcciones de CSS puro para que los bordes internos ("afilados") se extiendan un poco más? es decir, como en esta imagen:http://i.imgur.com/j8mIJZS.jpg