Underline Utilities

Beautify supplements Tailwind's built-in underline with CJK offset adjustment and additional decoration styles. The .underline class adds text-underline-offset: .2em for lang="zh", lang="ja", and lang="ko" to prevent the underline from intersecting CJK descenders.

Notes

Use .underline for basic underline with CJK offset (replaces Tailwind's underline for CJK content).
Style variants: underline-wavy, underline-dashed, underline-dotted, underline-solid, underline-double.
CJK offset applies automatically when the element has lang="zh", lang="ja", or lang="ko".

underline (basic, CJK offset)

中文下划线

日本語の下線

한국어 밑줄

Underline in English

underline-solid

中文下划线

日本語の下線

한국어 밑줄

Underline in English

underline-double

中文下划线

日本語の下線

한국어 밑줄

Underline in English

underline-wavy

中文下划线

日本語の下線

한국어 밑줄

Underline in English

underline-dashed

中文下划线

日本語の下線

한국어 밑줄

Underline in English

underline-dotted

中文下划线

日本語の下線

한국어 밑줄

Underline in English