H2 Background -> padding

[Gunther]

Hallo,

ich hab ein kleines Problem mit einem h2 Header. Der h2 Header geht über 2 Zeilen (oder mehrere - je nach breite des Browsers), ich hab ein Padding eingestellt -> das padding gilt aber nur für die erste Zeile.
Ich hab den Header "display: inline" gemacht, da ich nur einen Hintergrund beim Text möchte und nicht den ganzen Block.

Hier ist ein Beipiel:

http://jsfiddle.net/3A73S/4/

HTML:~~~html <h2><span>Das ist eine h2 Überschrift</span><span>über 2 Zeilen</span></h2>

CSS:~~~css
h2 {  
    border-radius: 10px 0 10px 0;  
    background-color: #f00;  
    display: inline;  
}  
  
h2 span {  
    white-space: pre;  
}  
  
h2 span:first-child:before {  
    content:"";  
    padding-left: 10px;  
}  
  
h2 span:first-child:after {  
    content:"\A";  
    padding-right: 10px;  
}  
  
h2 span:last-child:before {  
    content:"";  
    padding-left: 10px;  
}  
  
h2 span:last-child:after {  
    content:"";  
    padding-right: 10px;  
}  

Gruß Gunther