<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
p {
width: 200px;
margin: 3px;
background: #ccc;
}
.anywhere {
overflow-wrap: anywhere;
}
.break-word {
overflow-wrap: break-word;
}
.normal {
overflow-wrap: normal;
}
.auto {
overflow-wrap: auto;
}
</style>
</head>
<body>
<h2>Пример свойства overflow-wrap</h2>
<h3>Overflow-wrap: normal</h3>
<p>Lorem Ipsum - это текст-"рыба", <em class="normal"> dummydummydummydummydummydummydummydummy</em> часто используемый в печати и вэб-дизайне.
</p>
<h3>Overflow-wrap: anywhere</h3>
<p>Lorem Ipsum - это текст-"рыба"<em class="anywhere">dummydummydummydummydummydummydummydummy </em>часто используемый в печати и вэб-дизайне.
</p>
<h3>Overflow-wrap: break-word</h3>
<p>Lorem Ipsum - это текст-"рыба" <em class="break-word">dummydummydummydummydummydummydummydummy </em>часто используемый в печати и вэб-дизайне.
</p>
<h3>Overflow-wrap: auto</h3>