alignment-baseline

The alignment-baseline CSS property specifies the specific baseline used to align the box’s text and inline-level contents. Baseline alignment is the relationship among the baselines of multiple alignment subjects within an alignment context. When performing baseline alignment, the alignment-baseline property value specifies which baseline of the box is aligned to the corresponding baseline of its alignment context.

Note: The alignment-baseline property only has an effect on inline-level boxes, flex items, grid items, table cells, and the text, textPath, and tspan SVG elements. If present, it overrides the shape’s attribute.

In an inline formatting context, inline-level box fragments and glyphs share an alignment context established by their parent inline box fragment along its inline axis. In SVG text layout, these values instead specify the baseline that is aligned to the SVG current text position.

Syntax example: alignment-baseline: baseline;