Webmaster

HTML : Images
Contents ]
Jérôme Versavel

Wrapping Text Around Images

Positioning text around images can sometimes be a real headache. Fortunately, some of the <IMG> tag's attributes make this easier.

Two attributes can be used to define margins around images: HSPACE and VSPACE. They set the number of pixels that separate the images from neighbouring elements, irrespective of whether those elements are text or other images.

The ALIGN attribute specifies the vertical alignment of the image in relation to the surrounding text:

  • ALIGN="bottom" indicates that the bottom of the image will align with the text baseline.

  • ALIGN="middle" indicates that the centre of the image will align with the text baseline.

  • ALIGN="top" that the top of the image will align with the text baseline.

Examples:

Wrapping Text Around Images




  1   2   3   4   5   6