Span background colour only around text?

Hey guys,

Struggling to code this, I thought it would be really easy but it's turning out to be a pain.

I'm trying to having a block of white background behind the text in my header image, but if it wraps down to the second line then it creates all sorts of problems!



Is there an easy way to sort this?

Thanks!

 

So use attribute in CSS "line-height" that will resolve your issue..

 

Thanks! I will adjust that but it won't solve the lack of a margin on the right hand side of the top line or the lack of a margin on the lhs of the second line. Any way to sort that?

I've tried adding in a paragraph tag and applying the padding to that.

But then I get this:

 

good if you need other help PM me..

 

Sorry, but the above post isn't what I want it to look like. I only want the white background around the text, not to stretch all the way across. So like the first picture but with correct spacing and margins!

 

Try setting the span to display: block and see if that gives you what you are after.

 

can you please send me the site URL so it will easy to tell you the solution, how you will fix the issue...

 

Thanks, I tried this but it also just gives this result:


Any other ideas?

(Thanks for the advice everyone so far!)

I want it to look like this eventually: