Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du 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>Exemple de la propriété overflow-wrap</h2> <h3>Overflow-wrap: normal</h3> <p>Le Lorem Ipsum est le faux texte standard <em class="normal"> dummydummydummydummydummydummydummydummy</em> de l'imprimerie depuis les années 1500... </p> <h3>Overflow-wrap: anywhere</h3> <p>Le Lorem Ipsum est le faux texte standard <em class="anywhere">dummydummydummydummydummydummydummydummy </em> de l'imprimerie depuis les années 1500...... </p> <h3>Overflow-wrap: break-word</h3> <p>Le Lorem Ipsum est le faux texte standard <em class="break-word">dummydummydummydummydummydummydummydummy </em> de l'imprimerie depuis les années 1500......... </p> <h3>Overflow-wrap: auto</h3> <p>Le Lorem Ipsum est le faux texte standard <em class="auto">dummydummydummydummydummydummydummydummy</em> de l'imprimerie depuis les années 1500... </p> </div> </body> </html>