Remove space at the edge of a text box when text wrap

First time writting a question on stackoverflow. Please be gentle !

I have a series of span in my code with some short or long centered text inside.

<span class="mark">CA Global</span> <span class="mark">Nombre de logements rénovés</span> <style> .mark { text-align: center; padding-inline: 16px; padding-block: 5px; background-color: orange; } </style>

The problem is : with centered text, the "perceived" padding around the text became too large when text wrap.

extra "padding" around centered text

Is there any way to get rid of this extra space ?

Thanks in advance for your answers !