Tag,
Ich habe 2 Textabsätze und möchte diese jeweils mit einer Hintergrundfarbe einfärben. Allerdings ist mein Spezialwunsch, dass die background-color nicht die gesamte Browserbreite der Absätze einfärbt, sondern nur eine rechteckige Fläche, die dem Textausmaß entspricht.
Beispiel:
<p>Das ist die erste zeile des 1.Absatzes<br>
und auch noch die 2.Zeile
<p>Das hier ist nun die erste Zeile des 2.Absatzes<br>
und ebenfalls noch eine 2.Zeile
Die Einfärbung des 1.Absatzes soll direkt rechts neben "1.Absatzes" enden und die Einfärbung des 2.Absatzes gleich rechts neben "2.Absatzes"
Verwende ich <div> oder <p> wird aber die gesamte Browserbreite eingefärbt und bei Verwendung mit <span> jeweils nur eine Zeile, kein zeilenübergreifende Rechteck. Mit float:left endet zwar der Hintergrund des 1.Absatzes gewünscht, allerdings befindet sich dann auch der 2.Absatz nicht mehr unterhalb des 1.Absatzes.
Auf irgendwelche Breitenangaben möchte ich wenn möglich verzeichten.
Was wäre hier die einfachste Lösung?