Back to Tailwind CSS Hub

Nearby lessons

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

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 - Hyphens