cómo establecer un color de fondo para el ancho de texto usando css

en su búsqueda para crear un fondo verde solo detrás de su texto y no el Ancho completo de la página, te enfrentas a un desafío. Aquí le mostramos cómo navegar por esta situación mientras respeta las restricciones que mencionó:

Solución: envuelve su texto en un elemento en línea

ya que no puede modificar el html, envuelva su texto en un elemento en línea, como A .

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

ahora , puede aplicar el color de fondo al elemento en línea:

h1 { Text-Align: Center; } H1 SPAN { Color de fondo: verde; }

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

la ración:

en línea elementos encogidos para adaptarse a su contenido, asegurando que el color de fondo se alinee perfectamente con el ancho del texto. Esta técnica le permite crear un efecto de fondo específicamente para su texto sin afectar los elementos circundantes.