CSS overflow-wrap property
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.
overflow-wrap : normal | break-word
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.
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.
It applies to inline boxes e.g. the text content within block container..
Was this article helpful?