Set auto overflow on preformatted blocks

Set `overflow: auto` on `<pre>` elements to prevent these from overflowing off the edge of the viewport, particularly on smaller devices such as mobiles. Instead, a horizontal scrollbar will appear beneath these elements.

This fixes the issue on mobile browsers described in 3ce3647896bcaa773bdcd13db3e0c0e860cad032.