折り返すpre

そのまま表示してくれるpre要素ですが、長すぎると下にスクロールバーが出てしまってちょっとかっこ悪いです。僕もpre使いまくりなので困ってました。
そんなpreですが、なんとスタイルシートをいじれば自動的に折り返すことができるそうです。情報元はこちら。

"「折り返す」pre"

	white-space: -moz-pre-wrap; /* Mozilla */  
	white-space: -pre-wrap;     /* Opera 4-6 */  
	white-space: -o-pre-wrap;   /* Opera 7 */  
	white-space: pre-wrap;      /* CSS3 */  
	word-wrap: break-word;      /* IE 5.5+ */  

これを追加してみたところ、僕の環境ではキチンと折り返してくれました。めでたしめでたし。