"White Space" Between Text and Images

Sometimes you'll want to wrap text around an image and add extra space around it (like a picture in a magazine or newspaper article). This works best when you use the RIGHT and LEFT align tags and play with the VERTICAL and HORIZONTAL space around the images.

Does it seem like we're rambling? We are! That's so we can have a bunch of text here to show the wrapping biz. Notice that some of the words are very close to the image on the right while the one on the left is keeping a comfortable distance from the text around it. That's because the VSPACE and HSPACE on the left were set to "5" and "20" respectively while the image on the right got "0" for both VSPACE and HSPACE. You can use both vertical and horizontal space on an image or only one. You can play with the number of spaces until you get what you like.

Here are the two codes used in this last paragraph:

• <IMG ALIGN=RIGHT SRC=spiderbrain.gif width=136 height=116 alt="spider spinning filamentality" vspace=0 hspace=0 border=1>

• <IMG ALIGN=LEFT SRC=spiderbrain.gif width=136 height=116 alt="spider spinning filamentality" vspace=5 hspace=20 border=1>

Placing Images in Web Pages
HTML of Adding Images * Height, Width, and Alt Tags *
Aligning Images * "White Space" Between Images & Text *
Two Kinds of Borders * Images as Hotlinks
Table of Contents

---

First posted 1997. Last modified Monday November 26, 2007 © 2008 Copyright AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. This site contains links to public sites whose content and language do not fall under the jurisdiction of AT&T. The views and opinions expressed at these sites are not those of AT&T. Please read our Disclaimer.