L'elemento pre
ha la particolarità di rispettare la formattazione originale del testo nella gestione dello spazio bianco. Un problema che ne deriva è che le righe di testo troppo lunghe non vengono spezzate e causano problemi di overflow. Tuttavia esiste una soluzione.
La soluzione consiste nel combinare la proprietà white-space
(browser standard) e word-break
(Internet Explorer) per fare in modo che le righe vadano a capo:
pre {
white-space: pre-wrap;
word-break: break-word;
}