alignment-baseline
Controls how an inline-level element (usually SVG text) aligns itself with the vertical baseline of its parent. It's essentially the 'vertical-align' for SVG text.
Quick example
text {
/* Aligns the text to its mathematical center */
alignment-baseline: central;
}Quick facts
Initial value
baselineInherited
No
Applies to
inline-level boxes, flex items, grid items, table cells, and SVG text content elements
Animation type
discrete
Values
baselinealphabeticideographicmiddlecentralmathematicaltext-before-edgetext-after-edge alignment-baseline Browser Support
Widely available Since 2015 94% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
5.1+
79+