Stop word-wrap dividing words

Question

body { word-wrap: break-word;}

I\'ve been using that code (above) to fit the text in the body into it\'s container. However what I don

Answer 1

This helped me with old Webkit - this one from phantomjs 2.1

.table td {
    overflow-wrap: break-spaces;
    word-break: normal;
}

Answer 2

Use white-space: nowrap;

CSS white-space Property

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Know more about white-space example

Answer 3

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;
}

Answer 4

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

update - rendered data in Firefox

Answer 5

I use this Code for our website to stop the word-breaking:

body {
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

Answer 6

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

Use white-space: nowrap;