: Making a whole row or a specific cell act as a link while maintaining a clean alignment at the top of the container.
It is most commonly used for inline , inline-block , or table-cell elements.
/* Custom clickable element aligned to the top */ .clickable-header { vertical-align: top; cursor: pointer; } Use code with caution. Copied to clipboard Click me! Use code with caution. Copied to clipboard vertical-align CSS property - MDN Web Docs - Mozilla
If you want to apply these styles manually, you can use a more readable class name:
: This targets any HTML element that has class="pK5DnUMy" . Because the name is randomized, it is typically generated by a build tool to prevent style conflicts between different components.
This is a visual cue to the user that the element is or interactive. Typical Use Case
: Ensuring an icon stays aligned with the top of adjacent text while showing it can be clicked.