【はてなブログ】スーパーpre記法でスクロールバー(縦横)を表示させる手順

はてなブログのスーパーpre記法で、コマンド実行結果やソースコードを記載するときに、行数が長い場合に、縦にダラダラと長くなってしまうので、行数を指定して、縦スクロールバーが表示されるようにするCSSのメモを紹介します。