Wrapping text in HTML CSS is hard in itself, now you have to wrap text and break longer lines inside a <pre> tag!

No worries.

  pre.text-breaker {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
        word-wrap: break-word;
  }

Now add the .text-breaker class to those <pre> tags for your peace of mind.