Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</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>Beispiel für die Eigenschaft overflow-wrap</h2> <h3>Overflow-wrap: normal</h3> <p>Seit 1500 Jahren ist Lorem Ipsum der Standard <em class="normal"> dummydummydummydummydummydummydummydummy</em> Text der Branche... </p> <h3>Overflow-wrap: anywhere</h3> <p>Seit 1500 Jahren ist Lorem Ipsum der Standard <em class="anywhere">dummydummydummydummydummydummydummydummy </em> Text der Branche... </p> <h3>Overflow-wrap: break-word</h3> <p>Seit 1500 Jahren ist Lorem Ipsum der Standard <em class="break-word">dummydummydummydummydummydummydummydummy </em> Text der Branche... </p> <h3>Overflow-wrap: auto</h3> <p>Seit 1500 Jahren ist Lorem Ipsum der Standard <em class="auto">dummydummydummydummydummydummydummydummy</em> Text der Branche... </p> </div> </body> </html>