Back to Tailwind CSS Hub

Nearby lessons

50 of 71
Tailwind CSS - WhitespaceTailwind CSS - Word BreakTailwind CSS - HyphensTailwind CSS - ContentTailwind CSS - Background

➖ Tailwind CSS - Hyphens

📖 Overview

Hyphens utilities control how words are hyphenated when they break across lines. These map to the CSS hyphens property.

📏 Hyphens Utilities

Available utilities:

  • hyphens-none - No hyphenation
  • hyphens-manual - Only hyphenate at soft hyphens (­)
  • hyphens-auto - Automatic hyphenation by the browser
Example02
Loading editor…

🧠 Test Your Knowledge

2 Questions
Progress: 0 / 2