How can I give background color to the text content inside a div in my html page.

Question

I do not need to give background color to the entire div. I only need the background color where there is any text content.Please help me.

Answer 1

Hope this helps or for more better solution you can provide your fiddle

div {
height:2em; 
width:20em;
background-color:#333;
text-align:center;}

div span.textContent {
background-color:#000;
color:#FFF; }

Answer 2

I helped you Googled "CSS Text Highlight".

<p class="intro">
    Highlighting text on a web page can help bring important information immediately to
    the readers attention e.g., "<span style="background-color: #FFFF00">This text
    should is highlighted in yellow and probably caught your eye first.</span>"
</p>

Please see: http://www.computerhope.com/issues/ch001391.htm

Answer 3

Use span tag and apply background-color:#FFFF00;

<span style="background-color: #FFFF00;">In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the graphic elements of a document or visual presentation.</span>

This will look like,

Answer 4

You need specify the backgroun-color property

#box{
    background-color : red;
}

http://jsfiddle.net/lisssb/EFzNq/