Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính word-wrap trong CSS</title>
<style>
#divtong{width:300px;float:left;height:auto}
.divwwrap{width:100%;float:left;height:auto;padding:10px;margin-bottom:10px;background:#ddd;}
</style>
</head>
<body>

<h1>Code Thuộc tính word-wrap trong CSS</h1>

<p>Dùng để ngắt dòng các từ quá dài bị tràn ra ngoài phần tử cha hoặc ngoài màn hình, giúp người dùng đọc được hết được nội dung, vì những chữ bị tràn ra ngoài sẽ khó đọc được, ngoài ra thuộc tính overflow-wrap được nâng cấp từ word-wrap và nên sử dụng:</p>

<div class="divwwrap" style="word-wrap: normal">
<h3>word-wrap: normal</h3>
Xin chàoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

<div class="divwwrap" style="word-wrap: break-word">
<h3>word-wrap: break-word</h3>
Xin chàoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

<div class="divwwrap" style="word-wrap: initial">
<h3>word-wrap: initial</h3>
Xin chàoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

<div class="divwwrap" style="word-wrap: inherit">
<h3>word-wrap: inherit</h3>
Xin chàoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>

</div>
</body>
</html>

Code Thuộc tính word-wrap trong CSS nằm trong bài viết Thuộc tính word-wrap trong CSS