[解決済み] preタグでテキストを折り返すにはどうしたらよいですか？

質問

pre タグは、HTMLのコードブロックや、スクリプトを書くときの出力のデバッグにとても便利です。しかし、テキストを1つの長い行に出力するのではなく、ワードラップさせるにはどうしたらよいでしょうか？

解決方法は？

答えは、以下の通りです。 このページ をCSSで記述します。

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* 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+ */
}