THE HTML <div class="image"> <img alt="" src="http://www.kavoir.com/img/text-over-image.jpg" /> <div class="text"> <p>This lovely image gladly demonstrates how I (this text) can be flying over her face.</p> <p>It's very kind of her but don't you agree that this place needs a camp fire and a little love?</p> </div> </div> THE CSS .image { position:relative; float:left; /* optional */ } .image .text { position:absolute; top:10px; /* in conjunction with left property, decides the text position */ left:10px; width:300px; /* optional, though better have one */ }