Images : Alignment - HTML Tutorial

HTML Images :

ALIGNMENT OF IMAGES

You can align images according to the text around it, using the following alignments:

default aligns the image using the default settings of the Web browser. Same as baseline.

left aligns the image in the left margin and wraps the text that follows the image.

right aligns the image in the right margin and wraps the text that precedes the image.

texttop aligns the top of the image with the top of the tallest text in the line.

In the table below you can see examples of the different vertical alignments you can make for an image.

The note

in the examples is only there to show how the circular sign

is affected by other images on the same line.

This means, that the alignments shown in the example are made to the circular sign and not the note.

HTML	EXAMPLE
<img src="rainbow.gif" align="texttop">	bla bla bla bla
<img src="rainbow.gif" align="top">	bla bla bla bla
�	�
<img src="rainbow.gif" align="middle">	bla bla bla bla
<img src="rainbow.gif" align="absmiddle">	bla bla bla bla
�	�
<img src="rainbow.gif" align="bottom">	bla bla bla bla
<img src="rainbow.gif" align="absbottom">	bla bla bla bla
<img src="rainbow.gif" align="baseline">	bla bla bla bla