Hintergrundfarbe von Textzeilen. Aber nur da wo auch Text steht

[Jens777]

Hallo,

ich versuche gerade ein HTML mittels CSS so zu formatieren, dass die Textzeilen eine Hintergrundfarbe erhalten, aber nur so weit in jeder Zeile bis wohin der Text in dieser steht.

Problem ist, dass wenn ich das <p> Element mittels "background-color" formatiere, das dann eine umschließende Fläche farbig wird. Wenn ich es zusätzlich mittels "display:inline" formatiere, dann sieht es schon fast so aus wie ich es brauche. Problem ist nur das es dann nicht in einer neuen Zeile anfängt, sondern direkt hinter dem vorherigen <h1>. Und ich kann die Höhe der Textzeile mittels "height" oder auch "line-heigt" nicht steuern, was die Hintergrundfarbe etwas zu gequetscht aussehen lässt.

Das Ergebnis sollte so aussheen wie in der angehängten Grafik.

Sehr dankbar wäre ich über eine Hilfe.