CSS overflow-wrap property
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.
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.
overflow-wrap: break-word;
Applicable to
It applies to inline boxes e.g. the text content within block container..
From web4college, the free CSS digger
We are learning overflow wrap property.
▾
×
Bookmark this page
Ctrl+D
