The word-wrap property specifies the wrapping behavior for long words.
p {
word-wrap: break-word;
}
| Property | Value | Explanation |
|---|---|---|
| word-wrap | normal | not allow line-breaking within words (default) |
| break-word | allows line-breaking within words |
<html> <head> <title>TAG index</title> <style type="text/css"> p { width: 40%; border: 1px #c0c0c0 solid; } #example1 { word-wrap: normal; } #example2 { word-wrap: break-word; } </style> </head> <body> <p>width: 40%</p> <p id="example1">normal<br>Woooooooooo ...</p> <p id="example2">break-word<br>Woooooooooo ...</p> </body> </html>
width: 40%
normal
Woooooooooooooooooooooooooooooooooooooooooooooooooooooooords
break-word
Woooooooooooooooooooooooooooooooooooooooooooooooooooooooords