単語間、文字間で表示幅に合わせた自動改行を行うか否かを指定します。

.sample-normal {
    word-break: normal;
    margin: 1em;
    width: 200px;
    border: 1px solid #666666;
}
.sample-break-all {
    word-break: break-all;
    margin: 1em;
    width: 200px;
    border: 1px solid #666666;
}
.sample-keep-all {
    word-break: keep-all;
    margin: 1em;
    width: 200px;
    border: 1px solid #666666;
}

<h5>normal</h5>
<div class="sample-normal">
This is English sentence. This is English sentence.
これは日本語の文章です。これは日本語の文章です。
</div>

<h5>break-all</h5>
<div class="sample-break-all">
This is English sentence. This is English sentence.
これは日本語の文章です。これは日本語の文章です。
</div>

<h5>keep-all</h5>
<div class="sample-keep-all">
This is English sentence. This is English sentence.
これは日本語の文章です。これは日本語の文章です。
</div>