I’m trying to achieve a highlighted text effect but still be able to modify the padding to give enough space around the text and the edge of the highlighted box.
I want to create something that looks like the image below but have not been able to do so.
I’ve tried adding a text span to the text and then changing the background color, that seems to work fine but the highlight is way too tight around the text and I can only modify the padding on the left and right. When I change the text span to block or inline-block, I can modify the top and bottom padding but there are no breaks between the lines, just one solid background for the entire text box.
What I’m getting currently looks like this.
Any advice is greatly appreciated! Thanks in advance.
Here is the site Read-Only link: Webflow - DECA Direct