CSS3 word-wrap Property

 Complete CSS Reference

Example

Allow long words to be able to break and wrap onto the next line:

p.test {word-wrap:break-word;}

Try it yourself »

Browser Support

    

The word-wrap property is supported in all major browsers.

Definition and Usage

The word-wrap property allows long words to be able to be broken and wrap onto the next line.

Default value:	normal
Inherited:	yes
Version:	CSS3
JavaScript syntax:	object.style.wordWrap="break-word"

Syntax

word-wrap: normal|break-word;

Value	Description
normal	Break words only at allowed break points
break-word	Allows unbreakable words to be broken

Related Pages

CSS3 tutorial: CSS3 Text Effects