: Keeping content at the top of a row while signaling that the row can be clicked.
It aligns the top of the element (and its descendants) with the top of the entire line box.
: This changes the mouse cursor into a hand icon (the one usually seen when hovering over links).
: Ensuring text or icons stay aligned at the top of a header bar. How to use it in your HTML To apply these styles, add the class name to your tag: cursor CSS property - MDN Web Docs
This is often used to keep small icons or text from "sinking" to the bottom of a line when placed next to taller content.
It tells the user that the element is or interactive. Common Use Cases