HTML and CSS Reference
In-Depth Information
ment, and similarly position images at the top of the uppermost charac-
ter in the line of text, also shown in
Figure 5-11
.
The browsers disagree, however, on where to place an
align=middle
im-
age with regard to text. As shown in
Figure 5-11
, Netscape and Opera
place it in the apparent middle of the text. Internet Explorer and Firefox,
on the other hand, place the image at the middle of the tallest element,
not necessarily the tallest text (
Figure 5-12
).
Figure 5-12. Internet Explorer and Firefox align the
middle of images to the middle of the tallest element,
not to the middle of the text
The browsers also support, to varying degrees, five vertical image align-
ment extensions
texttop
,
center
,
absmiddle
,
baseline
, and
absbottom
(if
you are confused as to exactly what each alignment value means, please
raise your hand):
texttop
The
align=texttop
attribute and value tell the browser to align the
top of the image with the top of the tallest
text
item in the current
line, as opposed to the
top
option, which aligns the top of the image
with the top of the tallest item, image or text, in the current line. If
the line contains no other images that extend above the top of the
