CSS3 word-wrap Property

 CompleteCSS Reference

Example

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

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 brokenand wrap onto the next line.

Default value:normalInherited:yesVersion:CSS3JavaScript syntax:object.style.wordWrap="break-word"

---

Syntax

word-wrap: normal|break-word;

ValueDescriptionnormalBreak words only at allowed break pointsbreak-wordAllows unbreakable words to be broken

---

Related Pages

CSS3 tutorial: CSS3 Text Effects