In preformatted area, words are split in the middle or anywhere

Hey guys, I’m using a theme Seller. I found out that in the preformatted area, words are split instead of putting the whole word to the beginning of the next line.

Example:

this is a bunch of wor
d in preformatted area

I have already added the following code in the pre {} in css file, still not working.

white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 white-space: pre-wrap;
 word-wrap: normal;