スーパーpre記法でスクロールバーを表示する

スーパーpre記法でスクロールバー出したい！！！

ってことでググって一番上に出てきたのがここ。

参考にしたのははてなダイアリーだったけど、[デザインCSS]から同じように、

pre{
    overflow: auto;
}

って書いてみても、横スクロールバーなんて出やしない。

CSSは全くさっぱり基礎すら知らないので、自分でなんとかすることはきっぱりあきらめて同僚に「調べて( ///)」ってお願いしたら、ここを教えてくれた。

もう言われるがままに

pre.code{
    white-space: pre;
    overflow: auto;
}

って書いてみた。

テスト

1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

ktkr

"white-space: pre;"ってのが重要だったのかな？