Question

I have a background image on top of which there is some text.
It is very hard to read the text because of the background.
I would like to add a white background just around the text itself, such that the text could be easily read. How can I accomplish this using CSS/Javascript/jQuery ?

Answer 1

Wrap your text with a span:

<span class="white_bg">Your text here</span>

And put this in your CSS file:

.white_bg 
{
    background-color: #ffffff;
    padding: 3px; /*add this if you want a bit of space around the text*/
}

That should do it.