Vertical Text Align
The vertical-align Property
The vertical-align property sets an element's vertical alignment. Its commonly used values are bottom, middle, and top. The vertical-align property does not act the same way for all elements. However, we can also use baseline, sub, sup, and px as values in the vertical-align.
Its syntax is:-
< style >
vertical-align: baseline| length| sub| super| top| text-top| middle| bottom| text-bottom| initial| inherit;
< /style >
|The element is aligned with the baseline of the parent.
|Raises or lowers an element by the specified length.
|Raises or lowers an element by a percent of the line-height property.
|The element is aligned with the subscript baseline of the parent
|The element is aligned with the superscript baseline of the parent
|The element is aligned with the top of the tallest element on the line
|The element is aligned with the top of the parent element's font
|The element is placed in the middle of the parent element
|The element is aligned with the lowest element on the line
|The element is aligned with the bottom of the parent element font
|Sets this property to its default value.
|Inherits this property from its parent element.