Source Code:
(back to article)
Submit
Result:
Report an issue
<!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> <p>Lorem Ipsum - это текст-"рыба" <em class="auto">dummydummydummydummydummydummydummydummy</em> часто используемый в печати и вэб-дизайне. </p> </div> </body> </html>