Demonstrating Text Sizes

This is extra small text ( text-xs ). Useful for fine print or tertiary information.

This is small text ( text-sm ). Good for captions or secondary text.

This is base text ( text-base ). This is the default text size for most browsers (typically 16px).

This is large text ( text-lg ). Suitable for subheadings or slightly emphasized text.

This is extra large text ( text-xl ). Often used for main headings or prominent statements.


Article Title (text-xl)

Published on July 26, 2024 (text-sm for metadata)

This paragraph uses text-base . It's the standard size for body content, providing good readability. Tailwind's typographic scale is designed to work harmoniously together.

Footnote or small disclaimer (text-xs).