CSS overflow-wrap property
Browser support · legacy reference
ChromeFully supports
SafariFully supports
FirefoxFully supports
Internet ExplorerPartial support
EdgeFully supports
OperaFully supports
Description
CSS overflow-wrap property represents soft wrap opportunities between letters or words when inline content flows to the next line. It is the same as word-wrap.
Syntax
overflow-wrap : normal | break-word
Property values
normalDefault
-
In this case, the lines only break at allowed break points i.e. between the words and not between the letters.
In this case, the words are unbreakable on wrapping.
- Try it
overflow-wrap: normal; break-word
-
It applies to an element only when there are no acceptable break points available i.e. between the words.
It breaks the words at arbitrary points.
- Try it
overflow-wrap: break-word;
Applicable to
It applies to inline boxes e.g. the text content within block container..