Stop word-wrap dividing words

I had the same problem, I solved it using following css:

.className {
  white-space:pre-wrap;
  word-break:break-word;
}

use white-space: nowrap;. If you have set width on the element on which you are setting this it should work.

update - rendered data in Firefox

Please use nowrap and wrap value didn't come for me. nowrap solved the issue.

white-space: nowrap;

May be a bit late but you can add this css to stop word breaks:

.element {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
}