Wie würde ich die Hintergrundfarbe eines Textes einstellen, der nicht auf die Breite seines Elternteils div expandiert? Ich habe h1 {background color:white;} und wrappled h1 um den gewünschten Text herum verwendet, aber der weiße Hintergrund reicht einfach über den Text hinaus. Es ist fast so, als würdest du nur die Wörter hervorheben.
Das Problem ist, dass h1 ein Element auf Blockebene ist und standardmäßig Elemente auf Blockebene so erweitert werden, dass sie die gesamte verfügbare Breite des Elternelements ausfüllen.
Der einfachste Weg, dies zu lösen, ist float das Element:
Sie müssen dann den folgenden Absatz formatieren, damit er nicht um das Überschriftenelement fließt:
%Vor% Wenn Sie IE7 und darunter nicht unterstützen, können Sie den Selektor für benachbarte Geschwister verwenden, um diese Auswahl zu verbessern, sodass nur p -Elemente direkt nach h1 -Elementen so formatiert werden:
Tags und Links css