Scrolling

They scroll fine. It’s just that the content in them pushes out to where it doesn’t need to scroll, at lest vertically.

The way to make this work properly is to set the styles like this:

pre {
    overflow: auto;
    max-height: 200px;
}

That will set those areas to have a maximum height of 200 pixels, so anything that’s less won’t show scroll bars as they aren’t needed, but anything that’s over 200 pixels high will scroll as you want it to.

Sorry, I wasn’t clear. I want them to scroll horizontally. When I resize the browser, or view on a small device, they don’t scroll. The text wraps around and it’s unreadable.