How to left-align a pic in XHTML + CSS
Posted on 2007-04-06
I want to display an image on my page, and have text "wrap around" the image, with the image on the left side of the text. I am using XHTML 1.1 Strict. I have this line in my HTML:
<div id="centerpic"><img src="images/parchment_compass_world_map.jpg" alt="Parchment Map" width="228" height="150"/></div> MY TEXT HERE
and my css reads:
but this is not working. The image shows up fine, but text is still going under the image, and I want text to go to the right of the image, wrapped. If I put MY TEXT HERE inside the DIV tag, it will put the text to the right of the image, but at the very bottom and to the right. I need the text to begin off the upper right corner of the image, not the bottom right corner.