Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</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 property example</h2> <h3>Overflow-wrap: normal</h3> <p>Lorem Ipsum has been the industry's standard <em class="normal"> dummydummydummydummydummydummydummydummy</em> text ever since the 1500s... </p> <h3>Overflow-wrap: anywhere</h3> <p>Lorem Ipsum has been the industry's standard <em class="anywhere">dummydummydummydummydummydummydummydummy </em> text ever since the 1500s... </p> <h3>Overflow-wrap: break-word</h3> <p>Lorem Ipsum has been the industry's standard <em class="break-word">dummydummydummydummydummydummydummydummy </em> text ever since the 1500s... </p> <h3>Overflow-wrap: auto</h3> <p>Lorem Ipsum has been the industry's standard <em class="auto">dummydummydummydummydummydummydummydummy</em> text ever since the 1500s... </p> </body> </html>