Can you resize the background-color property?

Question

I created a <h4>within a div as follows

   <div class="col-sm-12 divQuatro fundotransparente">
        <div class="container">
            <div class="row">
                <div class="col-sm-8">
                    <h4 class="mt-3" id="txt-ocurso">O QUE É O CURSO?</h4>
                    <p>O curso é um divisor de águas. Existe uma mulher hoje e,
                        haverá outra se aplicar tudo que será passado no curso
                        de automaquiagem Empodere-se. Você terá acesso a x
                        quantidade de aulas e mais 2 bônus que vão agregar
                        muito valor em outros aspectos pessoais em sua vida.</p>
                </div>
            </div>
        </div>
    </div>

The H4 id CSS looks like this:

    #txt-ocurso{
    font-family: 'Ubuntu', sans-serif;
    color:#9c376a;
    font-weight: 700;
    background-color: rgba(253, 250, 250, 0.548);
}

With that my title is getting the background-color that way

And I’d like it to stay that way, it would be possible

Answer 1

The tags of header H1 to H6 are of the type display: block, as well as a div they occupy the total container width that are inside.

Pada fix this place display: inline-block na tah H4, so it behaves externally with an element inline, but internally as an element block, this way it will only occupy the space of the content itself. With padding you can adjust so the text does not get pasted in the box-model

#txt-ocurso{
    font-family: 'Ubuntu', sans-serif;
    color:#9c376a;
    font-weight: 700;
    background-color: rgba(0, 0, 0, 1);
    
    display: inline-block;
    padding: 5px 10px;
}

<div class="col-sm-12 divQuatro fundotransparente">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <h4 class="mt-3" id="txt-ocurso">O QUE É O CURSO?</h4>
                <p>O curso é um divisor de águas. Existe uma mulher hoje e,
                    haverá outra se aplicar tudo que será passado no curso
                    de automaquiagem Empodere-se. Você terá acesso a x
                    quantidade de aulas e mais 2 bônus que vão agregar
                    muito valor em outros aspectos pessoais em sua vida.</p>
            </div>
        </div>
    </div>
</div>