La propriété CSS:word-wrap, utile pour un retour à la ligne

Aujourd'hui, je vais vous parler d'une technique/propriété css vraiment utile, le Word Wrap. Elle permet de forcer un retour à la ligne.Un cas concret, vous avez une div qui englobe un paragraphe, ce paragraphe est trop long et sort du conteneur.

Dans le cas présent une URL :

Sur la seconde div, je lui applique la propriete word-wrap:break-word, qui permet ce fameux retour à la ligne.

Voici le code :

#CSS

.retour {
word-wrap: break-word;
}

#HTML

<div class="retour">
    <p>http://creatiq.fr/blog/boutons_extensibles_en_css_compatibles_tous_navigateur-167</p>
</div>