ソースコードの表示にはpreタグとcodeタグが使われますが、preタグは文章の内容をそのまま表示する要素なので１行が長いコードだとスクロールバーが表示されてしまいます。そこでpreタグにCSSを適用してソースコードが要素の端まで来た時に自動で改行を入れて折り返す方法について解説します。