引用、pre記法で縦横スクロールバーを付ける

参考：pre記法で縦・横スクロールバーをつける方法 - 毛のはえたようなもの

別館であるhttp://d.hatena.ne.jp/riocampos+tech/ではサーバ設定などのメモを書いている。その際にログなどを書いておくと、困ったことに横にはみ出てしまったりしていた。
先人の教えにより、pre記法でスクロールバーが出るCSSが分かった。
ついでに引用記法でもスクロールバーが出るようにしておいた。
大感謝。

.body .section pre {
  /* pre領域の最大高さ */
  max-height: 30em; 
  /* 領域をはみ出た場合の処理。autoで通常はスクロールバーが出現 */
  overflow: auto;
}

.body .section blockquote {
  /* blockquote領域の最大高さ */
  max-height: 30em; 
  /* 領域をはみ出た場合の処理。autoで通常はスクロールバーが出現 */
  overflow: auto;
}