# Property Description

The vertical-align property sets the vertical alignment of an element.

# Property Values

Value | Description
--- | ---
length | Raises or lowers an element by the specified length. Negative values are allowed
% | Raises or lowers an element in a percent of the "line-height" property. Negative values are allowed
baseline | (default) Align the baseline of the element with the baseline of the parent element
sub | Aligns the element as it was subscript
super | Aligns the element as it was superscript
top | The top of the element is aligned with the top of the tallest element on the line
text-top | The top of the element is aligned with the top of the parent element's font
middle | The element is placed in the middle of the parent element
bottom | The bottom of the element is aligned with the lowest element on the line
text-bottom | The bottom of the element is aligned with the bottom of the parent element's font
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example shows how to vertically align an image.

    img {
      vertical-align:text-top;
    }

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | No
Defined In: | CSS1