[HOME] [NEXT] [PREVIOUS]

More Image Alignment Examples

Images that are included in a Web page are called inline images. They are an integral part of the document they appear in. In fact, an image is considered to be a big character on a line of text.

You can align the images on a page, using the ALIGN attribute, in many different ways including the following most popular forms of alignment:  top, bottom, middle, left, and right.   Not all browsers support the left and right alignments which are called floating alignments where the text flows around the left or the right of the picture.

Images may have borders using the BORDER attribute and floating images may have vertical and horizontal spaces around them using the VSPACE and HSPACE respectively.

Here are some examples of inline images:

1. Top Alignment
2. Bottom Alignment
3. Middle Alignment
4. Left Alignment
5. Right Alignment
6. Center Alignment
7. Clear Break Left
8. Clear Break Right
9. Clear Break Both

[HOME] [NEXT] [PREVIOUS]