The dominant-baseline property determines the dominant baseline of a box — which baseline type is used to align content and inline-level children in the block axis. Most relevant for SVG and mixed-script text (CJK, alphabetic, math).text {
dominant-baseline: middle;
}.math-text {
dominant-baseline: mathematical;
writing-mode: horizontal-tb;
}autoEquivalent to alphabetic in horizontal writing modes and vertical sideways modes; equivalent to central in vertical mixed/upright modes (default).text-bottomUses the text-under baselines (bottom of the text box).alphabeticUses the alphabetic baseline — standard for Latin, Cyrillic, Greek scripts.ideographicUses the ideographic-under baselines — for CJK scripts.middleUses the x-middle baselines; under upright text-orientation uses central.centralUses the central baselines.mathematicalUses the math baselines.hangingUses the hanging baselines.text-topUses the text-over baselines (top of the text box).CSS Inline Layout Module Level 3Editor's DraftW3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
