My good friend John Blackman reminded me that my embedded code here was looking pretty bad so I made a few changes to improve the layout by increasing the size and adding wrapping. The wrapping is a bit tricky but the following bit of CSS does the trick for pre tags:
pre code {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
Found via this bog.
I also took a moment to increase the reading area width by 100px and adjust some margins.