How to set background color based on text size?

Question

This is my basic page

I want it to backround color look like this

My inline code is here . How to change ?

<h2 style="background-color: rgb(222, 129, 7);margin: 10px 400px ; width: 50%; height: 50%;">Profiterol Tarifi İçin Malzemeler</h2>
                <ul style="display: inline-block">