Ik heb eindelijk de codesegmenten op orde. Door het volgende stukje aan de pre tag te hangen in het css bestand wordt er bij het gebruik van de <pre></pre> tags netjes een blok omheen gezet waarbij er in de meeste browsers een scrollbar verschijnt als de regels te lang zijn. Bij browsers die de overflow: auto niet snappen wordt vervolgens de scrollbar weggelaten maar loopt de tekst niet door.
pre {
display: block;
overflow: auto;
overflow-x: hidden;
}