vertical-align
The vertical-align property specifies the vertical alignment of inline or table-cell elements.
Formal Syntax
[ first | last] || <'alignment-baseline'> || <'baseline-shift'>
JavaScript Access
// Access via element.style
element.style.verticalAlign = 'baseline';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| vertical-align | 1 | 1 | 1 | 12 |
| baseline | 1 | 1 | 1 | 12 |
| bottom | 1 | 1 | 1 | 12 |
| middle | 1 | 1 | 1 | 12 |
| sub | 1 | 1 | 1 | 12 |
| super | 1 | 1 | 1 | 12 |
| text-bottom | 1 | 1 | 1 | 12 |
| text-top | 1 | 1 | 1 | 12 |
| top | 1 | 1 | 1 | 12 |
Related Properties
- alignment-baseline
- baseline-shift
- baseline-source
- color
- dominant-baseline
- hanging-punctuation
- hyphenate-character
- hyphenate-limit-chars
- hyphens
- initial-letter
- letter-spacing
- line-break
- line-clamp
- line-height
- orphans
- overflow-wrap
- quotes
- ruby-align
- ruby-overhang
- ruby-position
- tab-size
- text-align
- text-align-last
- text-anchor
- text-autospace
- text-box
- text-box-edge
- text-box-trim
- text-indent
- text-justify
- text-overflow
- text-rendering
- text-transform
- text-wrap
- text-wrap-mode
- text-wrap-style
- white-space
- white-space-collapse
- widows
- word-break
- word-spacing
- text-size-adjust ๐งช
- text-spacing-trim ๐งช
- hyphenate-limit-last ๐ง
- hyphenate-limit-lines ๐ง
- hyphenate-limit-zone ๐ง
- initial-letter-align ๐ง
- initial-letter-wrap ๐ง
- line-fit-edge ๐ง
- line-grid ๐ง
- line-height-step ๐ง
- line-padding ๐ง
- line-snap ๐ง
- ruby-merge ๐ง
- text-align-all ๐ง
- text-group-align ๐ง
- text-spacing ๐ง
- white-space-trim ๐ง
- word-space-transform ๐ง
- word-wrap ๐ง