use inline-block elements that should not shift based on font descenders (like the tail on a 'y' or 'g'). Alternative Alignment Options

: The default setting; aligns the element with the bottom of the text's lowercase letters.

have varying amounts of text, and you want icons or checkboxes to stay anchored at the top.

: This aligns the element (or the content inside it) to the top of the surrounding line box. This is often used to ensure that adjacent inline-block elements, like icons and text, stay level at the top rather than aligning to the bottom text baseline.

If vertical-align: top doesn't give you the look you want, you might consider these common alternatives: