CSS - если текст не содержит пробелов, он делает горизонтальную прокрутку внутри тега div

Question

My css правило для div:

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

Я хочу отобразить этот текст внутри div, как 'hello hello' в предыдущей строке.

Answer 1

Добро пожаловать в SO!

Использование word-break свойство

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