Advanced heading – background only behind the text

[Anonymous 4043]

Anonymous 4043

August 4, 2021 at 4:31 am

Hi,
I have two headings h2 and h4 that need a background that only is behind the text.
I have used Advanced Heading + additional CSS. The only thing is that if I use display: inline-block it makes the background correct but aligns the text to the left (In back-end it shows the alignment correct). If I use display: block it makes the background as wide as the row is, but keeps the text center. What would be the correct css to make the heading background only behind the text and text-aligned center.

I put some images in next message.

Here in the css that I have tested:

{
background: rgba(0,0,0,0.2);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}

Best regards,

Pamela