¿Agregar un relleno uniforme alrededor de cada línea de un encabezado?

i'm making a new site where the headings have backgrounds around them and a little padding.

This is a responsive site, so in some states the headings will break into multiple lines, resulting in them losing the padding to the right on the first line, and to the left on the second line. I am using display:inline since the padding needs to be adjusted around each line.

Is there any way to keep the padding when breaking lines?

Ejemplo: http://jsfiddle.net/gmW5X/

The padding is missing after la introducción de y antes al ...

This does not need to scale down to old ie since the problem only appears at the mobile css targeted to primarely iphone. However, i'd very much like not to alter too much html :/