CSS Word Break Generator
Control how words break and wrap in text containers with precision
Presets
Configuration
Use default line break rules
Only break at allowed break points
Live Preview
Supercalifragilisticexpialidocious is an extraordinarily long word. Here is a URL: https://www.example.com/very/long/path/to/resource?query=parameter
Word Break Comparison
normal
Supercalifragilisticexpialidocious
break-all
Supercalifragilisticexpialidocious
keep-all
Supercalifragilisticexpialidocious
Overflow Wrap Comparison
normal
https://example.com/path
break-word
https://example.com/path
anywhere
https://example.com/path
Generated CSS
.text-content {
word-break: normal;
}