Page Stats
Visitor: 527
The CSS3 word-wrap property allow long words to be broken and wrap onto the next line.
Syntax: word-wrap: normal | break-word, default value is normal.
Example 1: word-wrap: normal.
p{
width: 200px;
border: 1px solid #000;
padding: 20px;
font-size: 20px;
word-wrap: normal;
}
The CSS word-break property is used to specify how to break lines within words.
<html>
<head>
<style>
p {
width: 140px;
border: 1px solid #000000;
word-break: break-all;
}
</style>
</head>
<body>
<p>This paragraph contains some text. This paragraph contains some text. This paragraph contains some text. This paragraph contains some text. This paragraph contains some text. This paragraph contains some text. </p>
</body>
</html>