Word Wrap in CSS: The word-wrap property in CSS is referred to break any lengthy word and wrap towards the next or following line. It is employed for preventing overflow if the unbreakable strings are too lengthy to adjust inside a containing box.

Values of Word Wrap

ValueDescription
NormalIt is referred to break the words at some permitted breakpoints only.
break-wordThis value breaks any of the unbreakable words.
InitialThe intial value sets the word wrap property to the default value.
InheritIt inherits this property from one of its parent component.

Example of Word Wrap

Let’s consider the following simple illustration of word-wrap:

Output:

CSS Word Wrap

Pin It on Pinterest

Share This