Questo stile consente di mostrare pezzi di codice con il tag PRE (solitamente in coppia con CODE, come in questa pagina) senza un antipatico effetto collaterale di questo tag: linee di codice lunghe che non vengono spezzate. Il tag html PRE, infatti, mostra il codice esattamente nel modo in cui è formattato nel codice. Se non ci sono line-breaks, una riga di codice particolarmente lunga può continuare fino ad uscire dal viewport. Premettendo questa dichiarazione, si introducono una serie di regole proprietarie (non valide) o di CSS3 che consentono di aggirare questo problema, mandando a capo il codice eventualmente più lungo dello spazio disponibile

Altri dettagli qui. Qui invece trovate anche un metodo alternativo in javascript.