Word Wrap is not working properly

Question

I am trying to understand why the word wrap does not work properly on this page for the div class:

.gce-page-list 

http://metaphysicalerotica.com/events/

It seems like the theme has added the “pre” and “code” tags, and if I remove the “pre” tag, everything will work fine, however I need a CSS fix to make word-wrap work correctly, and I can’t figure it out! I tried everything I could think of, any advice would be great!

Answer 1

Add this style to your stylesheet:

 pre, code{ white-space: pre-wrap; } 

Answer 2

The easiest solution is for you to enter style.css and add this class to line 67 for "pre" and "code"

 word-wrap: break-word; 

So, the style will look like this:

 pre, code { font-family: Courier New, monospace; margin-bottom: 10px; word-wrap: break-word; }