Forcer retour ligne css

Comment faire pour forcer le retour à la ligne dans le cas où un mot est très long, dans l'exemple de caractère répétés ?

Imaginez un div contenant du texte. Si vous placez des lettres répétés, par exemple saluuuuuuuuuuuuuuuuuuuuuut vous risquez de voir ce mot sortir en partie du cadre, ce qui n'est pas très joli. Voyez en exemple :

Comme vous le voyez, la lettre utilisée de nombreuse fois uuuuu fait déborder le mot en dehors des limites du div. Le mot trop long dépasse du cadre. C'est par exemple souvent le cas pour des liens web ( html ou image ).

La solution est dans le css

Reprenons maintenant ce même div, et on empeche le dépassement des lettres en dehors du div, pour forcer le retour à la ligne. Là, c'est parfait.

La différence réside dans l'utilisation de la propriété css ( pas besoin de php dans notre cas ) word-wrap: break-word;

Voici à quoi correspond le code du deuxième div :

Pensez donc à bien utiliser l'attribut word-wrap en css. Si vous le souhaitez, regardez également un coup d'oeil sur la fonction PHP wordwrap pour réaliser des scripts sympathiques !