Utilities for controlling the vertical alignment of an inline or table-cell box.
Use the align-baseline utility to align the baseline of an element with the baseline of its parent:
Use the align-top utility to align the top of an element and its descendants with the top of the entire line:
Use the align-middle utility to align the middle of an element with the baseline plus half the x-height of the parent:
Use the align-bottom utility to align the bottom of an element and its descendants with the bottom of the entire line:
Use the align-text-top utility to align the top of an element with the top of the parent element's font:
Use the align-text-bottom utility to align the bottom of an element with the bottom of the parent element's font: