Free CSS Text Underline Offset Generator
Fine-tune underline position with our free tool. Text-underline-offset for perfect typography.
- Offset distance control
- Link style preview
- Multiple font test
- Thickness pairing
- Browser support info
Frequently Asked Questions
What does text-underline-offset do?
It moves the underline away from the text baseline. Positive values move it down, creating more space between text and underline for cleaner appearance.
How much offset should I use?
2-4px or 0.1-0.2em works well for most fonts. Larger fonts can handle more offset. Test with your specific font—some have low descenders that need less offset.
Can I use negative values?
Yes, negative values move the underline up, closer to or even through the text. Useful for creating strikethrough-like effects or very tight styling.