css width fit content cancels text align center

Question

I try to center a pragraph and give it a background with low opacity to make it easier to read over the main background. I use

background-color: rgba(255, 255, 255, 0.2);
background-blend-mode: lighten

but when I add

width: fit-content;

it pushes the text to the right side of the screen and ignores the text align.

background-color: rgba(255, 255, 255, 0.2);
background-blend-mode: lighten;
width: fit-content;

Answer 1

use

width: fit-content;
margin: auto;

to do both and center text