CSS text-underline-offset

Previous Next

Demo of the different values of the text-underline-offset property.

Click the property values below to see the result:

text-underline-offset: auto;
text-underline-offset: 10px;
text-underline-offset: 20px;
text-underline-offset: 1em;
text-underline-offset: 2em;
text-underline-offset: 25%;
text-underline-offset: 50%;

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Decorate me!

Play more with the code in our Tryit yourself editor: Try it Yourself ❯