vertical-align

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Partially Partially Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Short information
CSS CSS1
Default value baseline
Inherited No
Applied To built-in elements and table cells
HTML analog <caption | col | colgroup | tbody | tfoot | thead | th | td | tr valign>
Reference to specification http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
Description
It aligns an element on a vertical concerning the parent or the surrounding text.

Syntax

vertical-align: baseline | bottom | middle | sub | super | text-bottom | text-top | top | value | percent
Arguments
baseline
It aligns a base line of a current element on a parent base line. If the parental element has no base line, the bottom border of an element is accepted instead of it.
bottom
It aligns the basis of a current element by the bottom part of a line element located below of all.
middle
It aligns an average element point on a base line of the parent plus a half of height of a parental element.
sub
The element is indicated as interlinear one in the form of the bottom index. The font size thus does not vary.
super
The element is indicated as superior in the form of the top index. The font size remains former.
text-bottom
The bottom border of an element is aligned on the lowermost border of the current line.
text-top
The top border of an element is aligned on the highest text element of the current line.
top
It aligns an upper border of an element on the highest element top of a line.
It is possible to use as value percent, percent or other accessible units. The positive argument displaces an element upwards concerning a base line while negative value lowers it downwards. Not all browsers support such way of record, in particular Internet Explorer supports it only from the sixth version.

Example

<div style="font-family: Times, serif; font-size: 200%;">
  T<span style="vertical-align: sub;">E</span>X and L<span style="vertical-align: 5px; font-size: 80%;">A</span>T<span style="vertical-align: sub;">E</span>X</div>
The result of this example is shown on the figure 1

Object model
[window.]document.getElementById("elementID").style.verticalAlign
Server Virtualization
Server Virtualization Benefits
Storage Virtualization
Virtualizaion