Examples of Inline Image Alignment

These examples demostrate the way in which inline images can be vertically aligned with text (and/or images) appearing in the same line of text. Note that browser's support these attributes differently. In particular, Internet Explorer 4/5 do not seem to properly support the attribute align="middle" when there are other images inline with the text. Please see the related document to see the specified formatting for these different alignment options.

A) Align with line containing just text

Test of no value: with text after the icon.

Test of align="bottom": with text after the icon.

Test of align="baseline": with text after the icon.

Test of align="absbottom": with text after the icon.

Test of align="top": with text after the icon.

Test of align="texttop": with text after the icon.

Test of align="middle": with text after the icon.

Test of align="absmiddle": with text after the icon.

B) Align with Tall Image Before Aligned Image

Test of no value: with text after the icon.

Test of align="bottom": with text after the icon.

Test of align="baseline": with text after the icon.

Test of align="absbottom": with text after the icon.

Test of align="top": with text after the icon.

Test of align="texttop": with text after the icon.

Test of align="middle": with text after the icon.

Test of align="absmiddle": with text after the icon.

C) Align with Tall Image (align="top") Before Aligned Image

Test of no value: with text after the icon.

Test of align="bottom": with text after the icon.

Test of align="baseline": with text after the icon.

Test of align="absbottom": with text after the icon.

Test of align="top": with text after the icon.

Test of align="texttop": with text after the icon.

Test of align="middle": with text after the icon.

Test of align="absmiddle": with text after the icon.

D) Align with Tall Image After Aligned Image

Test of no value: with text after the icon.

Test of align="bottom": with text after the icon.

Test of align="bottom": with text after the icon.

Test of align="absbottom": with text after the icon.

Test of align="top": with text after the icon.

Test of align="texttop": with text after the icon.

Test of align="middle": with text after the icon.

Test of align="absmiddle": with text after the icon.

E) Align with Tall Image After Aligned Image

Test of no value: with text after the icon.

Test of align="bottom": with text after the icon.

Test of align="bottom": with text after the icon.

Test of align="absbottom": with text after the icon.

Test of align="top": with text after the icon.

Test of align="texttop": with text after the icon.

Test of align="middle": with text after the icon.

Test of align="absmiddle": with text after the icon.