ヅラッシュ！ by NI-Lab.

いままでは <pre><code> なスタイルシートには overflow: auto; してた。これだとスクロールバーが出現する。
できれば折り返して表示したいと思っていたところ、◆ CSS: 「折り返す」pre - ただのにっき (2005-09-22) にそのものズバリの内容が。

で、今はこんな感じ。

.content pre {
  padding: 1em;
  margin-left: 20px;
  color: #666666;
  background-color: #FFCCCC;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}
 
.content code {
  font-family: monospace;
  font-size: medium;
  font-weight: normal;
  line-height: 150%;
  text-align: left;
  margin-bottom: 10px;
}