htmlfonts
← Back to Guides Directory
Text Decoration

How to Underline Text in CSS

01. The Concept

The classic text-decoration property has been upgraded. You can now control the color, style, and thickness of underlines independently of the text.

02. Production-Ready Code

text-decoration: underline; text-decoration-color: #4f46e5; text-decoration-thickness: 2px;

💡 Pro Typography Tip

Use text-underline-offset to give your links a little breathing room from the line.