Style Object
The verticalAlign property sets or returns the vertical alignment of the content in an element.
Set the verticalAlign property:
Return the verticalAlign property:
| Value | Description |
|---|---|
| length | Raises or lower an element by the specified length. Negative values are allowed |
| % | Raises or lower an element in a percent of the "line-height" property. Negative values are allowed |
| baseline | Align the baseline of the element with the baseline of the parent element. This is default |
| 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 |
| inherit | Specifies that the value of the verticalAlign property should be inherited from the parent element |
![]()
The verticalAlign property is supported in all major browsers.
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Change the vertical alignment of text in a table:
Style Object
Your message has been sent to W3Schools.