What's the CSS command to get text to wrap around an image?

Question

I want to have an image as the paragraph Initial, and then have the text accompany the right side of it. When the lines of text are past the image, I want the text to jump back out to the original margin.

I'm trying to get the same effect writers get with the over-sized first letter of the paragraph, but on a website. I don't want it to break the flow of the website.

Answer 1

You can accomplish this using the float property. To do what you are suggesting, put the image tag right before the first word of the paragraph, float it left and then set an hspace and vspace on the image. Something like...

Text to wrap around the picture etc.

The above code will give you the effect you are looking for.

Enjoy!