HTMLisEasy.com
HTML tutorials for the rest of us...

Examples and use of the ALIGN attribute in an <IMG> tag

These pages demonstrate exactly how your browser handles the ALIGN attribute in an IMG tag. Each of the attributes listed below is rendered twice. First using the image at the beginning of the text, then placing the image in the middle of a chunk of text.

<IMG SRC="lincoln.gif" WIDTH=110 HEIGHT=92 ALIGN="_____">
DEFAULT(no align attribute)
ALIGN=leftImage will float the image to the left margin (into the next available space there), and subsequent text will wrap around the right hand side of that image.
ALIGN=rightWill align the image aligns with the right margin, and the text wraps around the left.
ALIGN=topAligns itself with the top of the tallest item in the line.
ALIGN=texttopAligns itself with the top of the tallest text in the line (this is usually but not always the same as ALIGN=top).
ALIGN=middleAligns the baseline of the current line with the middle of the image.
ALIGN=absmiddleAligns the middle of the current line with the middle of the image.
ALIGN=baselineAligns the bottom of the image with the baseline of the current line.
ALIGN=bottomAligns the bottom of the image with the baseline of the current line. (Essentially, this is the same as ALIGN=baseline)
ALIGN=absbottomAligns the bottom of the image with the bottom of the current line.

The definitions above quoted from the HTML Reference Library.