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
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).
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.
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.
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