word-wrap: ***;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O
Type
  • Extension

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

Example


<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>
Output

width: 40%

normal
Woooooooooooooooooooooooooooooooooooooooooooooooooooooooords

break-word
Woooooooooooooooooooooooooooooooooooooooooooooooooooooooords