J’utilise énormément la balise pre, qui permet d’afficher du code (scripts…) de manière lisible et surtout détachée du texte. Mais cette méthode à un inconvénient majeur : si la ligne est trop longue elle va tout simplement dépasser du “cadre”, et aller baver sur le menu de droite par exemple. Il existe une petite astuce en CSS pour résoudre ce problème, attention les yeux… Vous devez utiliser le code suivant :

1
2
3
4
5
6
7
8
9
10

white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap !important;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */

Après modification, au lieu de ça :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et molestie sapien. Aliquam vel felis in massa bibendum iaculis sit amet nec tortor. 

Vous aurez ça :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et molestie sapien. Aliquam vel felis in massa bibendum iaculis sit amet nec tortor. 

Comme je ne suis lpus sur Wordpress, l’exemple n’est plus du tout parlant… sorry !

Bon CSS ;-)