The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Positioning |
| Previous Style: unicode-bidi | Next Style: visibility |


vertical-align

Aligns an element vertically.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

See Also:

line-height

Possible Values:

baseline
Aligns the baseline of the element with the baseline of the current line.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

bottom
Aligns the the bottom of the element with the bottom of the current line.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

[length]
An absolute value that specifies how much the element is raised or lowered from its normal position..

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

Notes:
  • Negative values are allowed.

middle
Aligns the middle of the element with the middle of the current line.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

[percentage]
The element is raised or lowered from its normal position according to a percentage of the current line-height value.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later Not supported Not supported

Notes:
  • Negative values are allowed.

sub
Text rendered as a subscript.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

super
Text rendered as a superscript.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

text-bottom
Aligns the bottom of the element with the bottom of the current line's font.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

text-top
Aligns the top of the element with the top of the current line's font.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

top
Aligns the the top of the element with the top of the current line.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

Example:
<TABLE BORDER=1>
<TR><TD><IMG SRC="i.gif">Unaligned</TD></TR>
<TR><TD><IMG SRC="i.gif" STYLE="vertical-align: top">top</TD></TR>
<TR><TD><IMG SRC="i.gif" STYLE="vertical-align: bottom">bottom</TD></TR>
<TR><TD><IMG SRC="i.gif" STYLE="vertical-align: baseline">baseline</TD></TR>
<TR><TD><IMG SRC="i.gif" STYLE="vertical-align: middle">middle</TD></TR>
</TABLE>
How It Looks:
Unaligned
top
bottom
baseline
middle

| Index | Current Category: Positioning |
| Previous Style: unicode-bidi | Next Style: visibility |