top Hey, a tooltip! block start Use logical sides too 👍🏻
right Can animate them inline end The logical sides are more closely tied to the implementation
bottom Can only hold text but can be filled with a gradient block-end Warning: no interactive content
left Uses a custom element, inert and :has() inline start Hope you find this useful!
DO ✅
Space saving extra information
DON'T ❌
Name

The HTMLHyper Text Markup Language abbr element.

The GUI Challenges skull logo The GUI Challenges skull logo