Using the Divi WordPress theme is pretty nice, but sometimes you’ve gotta deal with custom css and fixes. The pre tag uses the entire page width which looks pretty ugly with the menu on the right. Reading over here says that text wrap is not enabled by default.

Thanks Bernd providing me a fix for that!

Add the following to your Divi Theme Options as “Custom CSS” and save it.

pre {
   white-space: pre-wrap;
}