text-decoration-inset is Like Padding for Text Decorations
SMRTR summary
The new CSS text-decoration-inset property fixes a long-standing web design issue where underlines extend beyond text characters, causing visual misalignment. Available in Firefox 146+, it allows precise trimming of text decorations using length values and enables native underline animations without custom CSS workarounds.
SMRTR provides this summary for quick context. The original article belongs to Daily.dev.
Read the original article