HTML Automatic line-break doesn't work?

Question

I declared width and margins but somehow my lines didn't get wrapped with an automatic line-break.

edit: I found the cause. It's because there are no spaces between words:

teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest 

Answer 1

The element where text is should have css declaration:

div {
    display: block;
    width: 200px; /*based on how much width this div should have*/
}

and if it doesn't work try doing:

div { word-wrap: break-word } 

Answer 2

try this one by one, it must be helpful for some situation:

p{
    display: block; /* or inline-block, at least its a block element */
    width: 100px; /* or width is certain by parent element */
    height: auto; /* height cannot be defined */
    word-break: break-all; /*  */
    word-wrap: break-word; /* if you want to cut the complete word */
    white-space: normal; /* be sure its not 'nowrap'! ! ! :/ */
}

Answer 3

another way to do it is by:

white-space: pre-wrap; // preserve whitespace, the text is wrapped
overflow-wrap: break-word; // text is wrapped, line break on the end of a word