Get to know MDN better
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
The vAlign property of the HTMLTableRowElement interface is a string indicating how to vertically align text in a <tr> table row. Individual cells can override it.
Note: This property is deprecated. Use the CSS vertical-align property to horizontally align text in a row instead.
The possible values are: "top", "middle", "bottom", or "baseline"
topAlign the text to the top of the cell. Use vertical-align: top instead.
centerVertically center the text in the cell. Synonym of middle. Use vertical-align: middle instead.
middleVertically center the text in the cell. Use vertical-align: middle instead.
bottomAlign the text to the bottom of the cell. Use vertical-align: bottom instead.
baselineSimilar to top, but align the baseline of the text as close to the top so no part of the character is outside of the cell.
Use CSS vertical-align instead, which takes precedence, as demonstrated in the vertical alignment table cells example.
| HTML # dom-tr-valign |
Enable JavaScript to view this browser compatibility table.
This page was last modified on Oct 30, 2025 by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.