como definir uma cor de fundo para a largura do texto usando CSS

em sua busca para criar um fundo verde atrás do seu texto e não o Largura da página inteira, você está enfrentando um desafio. Veja como navegar nessa situação enquanto respeita as restrições que você mencionou:

solução: envolvendo seu texto em um elemento embutido

, pois você não pode modificar o html, envolva seu texto Em um elemento embutido, como um . , você pode aplicar a cor de fundo ao elemento embutido:

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

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

Os elementos embrulhados encolhem para se encaixar no conteúdo deles, garantindo que a cor do plano de fundo se alinhe perfeitamente com a largura do texto. Esta técnica permite criar um efeito de fundo especificamente para o seu texto sem afetar os elementos circundantes.