Using verticalAlign, you can align text and images vertically within a line of text. Example: { vertical-align: sub }
Subscript (default text) Superscript [not in PR3]
value | meaning |
---|---|
baseline | align baseline of element with baseline of parent |
middle | align vertical midpoint of the element (usually an image) with baseline plus half the x-height of parent. |
sub | display element in subscript style |
super | display element in superscript style |
text-top | align top of the element with top of the parent element's font |
text-bottom | align bottom of element with bottom of the parent element's font |
top | align top of element with the tallest element on the line |
bottom | align bottom of element with lowest element on the line |