CSS word-wrap attribute

Definition and Usage

The word-wrap property allows long words or URL addresses to wrap to the next line.

See Also:

CSS Tutorial:CSS Text Effects

Example

Allow long words to wrap to the next line:

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

Try It Yourself

CSS Syntax

word-wrap: normal|break-word;

Property Value

Value Description
normal Break lines only at allowed break points (browser keeps the default handling).
break-word Break lines within long words or URL addresses.

Technical Details

Default Value: normal
Inheritance: yes
Version: CSS3
JavaScript Syntax: object.style.wordWrap="break-word"

Browser Support

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 3.5 3.1 10.5