Back to Tailwind CSS Hub

Nearby lessons

49 of 71
Tailwind CSS - Vertical AlignTailwind CSS - WhitespaceTailwind CSS - Word BreakTailwind CSS - HyphensTailwind CSS - Content

🔤 Tailwind CSS - Word Break

📖 Overview

Word break utilities control how words break when they reach the end of a line. These map to the CSS word-break and overflow-wrap properties.

📏 Word Break Utilities

Available utilities:

  • break-normal - Default word break behavior
  • break-words - Break long words to prevent overflow
  • break-all - Break at any character
  • break-keep - Prevent word breaks for CJK text
Example02
Loading editor…

🧠 Test Your Knowledge

2 Questions
Progress: 0 / 2