Making preformated <pre> text wrap in CSS3, Mozilla, Opera and IE

Making preformated <pre> text wrap in CSS3, Mozilla, Opera and IE Code snippets and poems often use spaces for indenting text. Pre-tag is used to display preformatted text on webpages. This makes indenting visible, but has the annoying side-effect of disabling wrapping. When wrapping is disabled, long lines go out of the right side of window, which is never usefull. This howto explains how you can

[blanc2005]

折り返し

[wacky]

pre要素の中で折り返しを可能にするためのクロスブラウザなCSS。

[amachang]

ほぇー

[dozo]

preタグ改行問題のクロスブラウザ対応。tableが一番のくせ者だが。

[suVene]

cross browser / タブ・空白・改行をそのまま表示しするが、表示幅超えた時に改行するかどうかの指定。(たぶん)