Please add "overflow: auto" to at least your .preformatted CSS class. This will create horizontal scrollbars when necessary for just the preformatted boxes. Otherwise, wide preformatted lines will force the whole page to that width, requiring the user to scroll horizontally to read every line of content of the page (not just the preformatted content).

(I like to minimize my horizontal scrolling.)