CSS add text on top of image

Putting the image in as a background image of the wrapping div would be easier, but to add text on top of image or background image, position absolute needed.

.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.text_class { 
   position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%; 
}

By Keenlio, March 28, 2014