VerticalAlign

Aligns the baseline of the element with the superscript-baseline of its parent.

Aligns the baseline of the element with the baseline of its parent. The baseline of some replaced elements, like textarea is not specified by the HTML specification, meaning that their behavior with this keyword may change from one browser to the other.

Aligns the bottom of the element and its descendants with the bottom of the entire line.

Aligns the middle of the element with the middle of lowercase letters in the parent.

Aligns the baseline of the element with the subscript-baseline of its parent.

Aligns the bottom of the element with the bottom of the parent element's font.

Aligns the top of the element with the top of the parent element's font.

Aligns the top of the element and its descendants with the top of the entire line.

Wrap the provided expression in CSS calc() function.

ch represents the width, or more precisely the advance measure, of the glyph "0" (zero, the Unicode character U+0030) in the element's font.

em represents the calculated font-size of the element. If used on the font-size property itself, it represents the inherited font-size of the element.

1 pt is 4/3 of a pixel.

Pixels

rem represents the font-size of the root element (typically ). When used within the root element font-size, it represents its initial value (a common browser default is 16px, but user-defined preferences may modify this).

1 vh is equal to 1% of the height of the viewport's initial containing block

1 vmax is equal to the larger of 1 vw and 1 vh

1 vmin is equal to the smaller of 1 vw and 1 vh

1 vw is equal to 1% of the width of the viewport's initial containing block