Increasing Line Spacing in a Single Text Box

I am using a text box and contained within the text I have highlighted text using “background color”. When the line of text wraps, it causes the highlight color to cover over the text in the line above it. Is there a way to change the background color height such that it matches the size of the font itself or perhaps only slightly larger. For example if the text size was 24 pt could the background be 24 or 25 pt? Below is a sample of the code that is created when using the text box. Alternatively, is there a way to increase the line spacing in a single text box (not theme wide) so that the background color does not cover lines above and below when they wrap? This is much bigger of a problem on the responsive site than it is in a desktop browser.

<span style=”font-family: oswald; font-size: 24pt; color: #000000;”><span style=”background-color: #ffff00;”>FOR LESS THAN $5 PER CLASS!!!!</span></span>