CSS - if text contains no spaces it makes horizontal scroll inside tab div

Question

My css rule for the div:

.message-body {
    background: #5181a2;
    padding: 8px 5px;
    text-align: justify;
}

I want to render this text inside the div like 'hello hello' is in previous line.

Answer 1

Use word-break property:

.message-body {
    background: #5181a2;
    padding: 8px 5px;
    text-align: justify;
    word-break: break-all;
}