Prev

Images

Other Image Attributes

The align attribute

Try It: Use the different values for the align attribute for your image.
You may not have realized it, but the image tag is an inline-level element, which means you can stick it right in the middle of some text. The align attribute allows you to decide how high and where your image is relative to the text around it. Some of the values you can use for align are left and right.

Left and Right Alignment
This is just an example showing where an image would show up if you chose to align it to the left, like the purple flower, or if you preferred to have it on the right, like the red flower.
The values of left and right make your text flow around your image and put the image all the way to one side (right) or the other (left).

There are other values you can use for the align attribute, such as top, bottom, and middle, which control where the text is relative to the height of the text. These can be tricky to use but fun to play around with. Some browsers support even more values for align, but these five are the standard ones that all browsers should understand.

Align for other tags

Try It: Use the different values for the align attribute for a header tag or horizontal rule.
The align attribute is also understood by several other tags, among them header tags and horizontal rules. The values that you can use for align when used with a horizontal rule are left, right, and center (the default). For headers, the default alignment is left and you can also use justify.

End of Topic

Prev