Forum Moderators: open

Message Too Old, No Replies

Text wrapping around an image

How do you create a buffer zone around image?

         

runner

4:42 pm on Jan 17, 2006 (gmt 0)

10+ Year Member



I have a news article page that has a picture in the upper left corner and the news article text wraps around the picture. Works fine but the text comes right up to the edge of the picture. I want a margin (buffer zone or border whatever you want to call it) around the picture only on the right and bottom sides of the picture.

I searched google and found lots of info on getting text to wrap around the image but no details on how to make a margin around the picture on two sides.

For now I just put a 10px spacer image next to the picture to create the margin on the right side of the pic.

coho75

4:57 pm on Jan 17, 2006 (gmt 0)

10+ Year Member



You could use some simple inline CSS to introduce some padding.

<img src="blah.gif" style="margin:0 0 10px 10px;" />

This will put 10px of space at the left and bottom edges of the picture. The first '0' is the top, the second '0' is the right, the first '10px' is the bottom, and the second '10px' is the left.

runner

5:14 pm on Jan 17, 2006 (gmt 0)

10+ Year Member



Thank you... I will use CSS as you suggested.