Edit This Code:
<!DOCTYPE html>
<html>
<head>
<style>
p.test1 {
    width: 140px;
    border: 1px solid #000000;
    word-break: keep-all;
}


p.test2 {
    width: 140px;
    border: 1px solid #000000;
    word-break: break-all;
}

</style>
</head>
<body>

<p class="test1">This paragraph contains some text. This line will-break-at-hyphens.</p>

<p class="test2">This paragraph contains some text. The lines will break at any character.</p>

<p><b>Note:</b> The word-break property is not supported in Opera 12 and earlier versions.</p>

</body>
</html>


Result:
Try it Yourself - © w3schools.com
Privacy Policy