Highlight background issue in enfold

Hi everyone,
I found a forum thread here that talked about adding a yellow background color to text and after applying it, I’m having a weird spacing issue that I can’t figure out. Can someone tell me where I went wrong? Please :)

Here is the post for reference: https://kriesi.at/support/topic/how-to-highlight-text-in-blog-posts/

I added this css to site:

.customized-heading {
background: #1B4074 !important;
color: #2D2D2D !important;
font-size: 14px;
padding: 5px 20px;
}

Then added this to the text block code area:

<h4 class=”customized-heading”><p style=”text-align: center;”>Need to sell your house FAST? Overwhelmed by costly REPAIRS? Just need a STRESS-FREE experience?</p></h4>

It did what I wanted to but there is a ton of space on the right and left that is highlighted and that is my issue. I am hoping to get it to just highlight the text and not the space to the left and right..

Any advice would be greatly appreciated!!

Thanks,
Will