Hintergrundfarbe von Textzeilen. Aber nur da wo auch Text steht

[Jens777]

Danke für eurer Tipps.

p::before
Da ist die Unterstützung durch die Browser etwas mager. Besonders die des IE.

Dem h1 muss ich ja ein inline geben, sonst beschränkt sich der Hintergrund nicht auf den Inhalt, sondern ist so breit wie das Element welches das h1 beinhaltet.

Herrmann, deine Variante kommt den ganzen schon sehr gut nahe. Ich habe es etwas modifiziert.

Hier erhalte ich ein etwas anderes Bild, habe aber bei der Codeerstellung nicht so viele verschachtelte Elemente.
http://jsfiddle.net/8vuaG/6/

Und hier habe ich es fast so wie du gemacht, nur habe ich mit display:inline-block die Möglichkeit geschaffen mittels padding die Hintergrundfarbe nicht so an den Buchstabenkanten kleben zu lassen. Unschön ist jedoch das bei Zeilenumbruch das padding-left flöten geht, da da ja gar keins existiert. Schau in die erste und zweite Zeile jeweils die Anfangsbuchstaben an. Der Abstand nach links ist nicht identisch. Das ist sehr unschön.
http://jsfiddle.net/8vuaG/5/

Wahrscheinlich ist dann die Variante 1 hier besser. Da ist ein Abstaz zusammen betrachtet farbig hinterlegt. Leider ist die Hintergrundfarbe bei Umbruch aber auch bis an die rechte Grenze des Umgebenden Elementes.

So richtig bin ich mit beiden Varianten nicht zu frieden.

Gruß
Jens