The vertical-align property controls the vertical position of an or table-cell element.
: Using top aligns the top of the element (and its descendants) with the top of the entire line box. .q7HgZj6S { vertical-align:top; cursor: pointe...
: Ensuring an icon or small image stays pinned to the top of a line of text, preventing it from "floating" awkwardly in the middle if the text font size changes. such as icons next to text
This specific combination of properties is commonly used for , such as icons next to text, clickable table cells, or custom navigation items. 1. Vertical Alignment ( vertical-align: top ) clickable table cells
: This property only works on elements with display: inline , inline-block , or table-cell . 2. Mouse Interaction ( cursor: pointer )