またしてもChitatopops からのネタです。 Chitatopops: pre要素のスタイリング yukiakari :: Notebook - web : css : pre要素に対するoverflow:autoの設定 ソースコードを転記するとき、行末にいちいち<br /> とかを書くのが面倒で、色々工夫しつつもいまいちしっくりこなかったのですが、上記の設定ですっきり解決!! 以下のような設定で落ち着きました。 <pre> <code> ｢ソースコード本文」 </code> </pre> 上記に対応したスタイルシート pre { width:100%; overflow:auto; overflow-y:visible; font-family:"ヒラギノ角ゴ Pro W3", Osaka, Verdana, Arial, sans-serif; font-size:sm