The top of the entire line box (highest point of any element). text-top
: Keeping small icons or badges flush with the top of a line of text. .wl8BNc6O { vertical-align:top
: Ensuring a row of images with different heights aligns at the top rather than the default baseline (bottom). The top of the entire line box (highest
The top of the parent element's font (ignores tall images or other elements). .wl8BNc6O { vertical-align:top
: In a , it aligns the top padding edge of the cell with the top of the table row.
: If there are multiple elements of varying heights in one line, top ensures the targeted element snaps to the very top of the tallest item in that line. Common Use Cases