Back to Tailwind CSS Hub

Nearby lessons

50 of 61
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
🌀

tailwind Designer

Live Component Playground

html Source
Loading...
Built with Tailwind CSS • Instant Reflection

🧠 Test Your Knowledge

2 Questions

Progress: 0 / 2
Keep Going!Tailwind CSS - Content