overflow-wrap
Tells the browser whether it is allowed to break a very long word (like an ID or URL) onto a new line if it would otherwise overflow its container.
Quick example
.sidebar {
/* Forces long URLs or IDs to break so they don't leak out of the sidebar */
overflow-wrap: break-word;
}Quick facts
Initial value
normalInherited
Yes
Applies to
text elements
Animation type
discrete
Values
normalbreak-wordanywhere overflow-wrap Browser Support
Widely available Since 2018 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2018.
Safe to use without fallbacks.
23+
49+
7+
18+