wie man eine Hintergrundfarbe für die Textbreite mit CSS

in Ihrer Suche nach einem grünen Hintergrund nur hinter Ihrem Text und nicht der Ganze Seitenbreite, Sie stehen vor einer Herausforderung. Hier erfahren Sie, wie Sie diese Situation navigieren, während Sie die von Ihnen erwähnten Einschränkungen respektieren:

Lösung: Hüllen Sie Ihren Text in ein Inline -Element ein

, da Sie die HTML nicht ändern können, Ihren Text wickeln, umwickeln in einem Inline -Element wie A .

<h1><span>The Last Will and Testament of Eric Jones</span></h1>

h1 { Text-Align: Mitte; } H1 span { Hintergrundfarbe: Grün; }

h1 {
    text-align: center; 
}
h1 span { 
    background-color: green; 
}

Inline -Elemente schrumpfen zu ihrem Inhalt und stellen Sie sicher, dass die Hintergrundfarbe perfekt mit der Textbreite übereinstimmt. Mit dieser Technik können Sie einen Hintergrundeffekt speziell für Ihren Text erstellen, ohne sich auf die umgebenden Elemente zu beeinflussen.