горячее, чтобы текст переместился на следующую строку внутри div, когда он покрывает ширину div в css

Question

привет, как я могу сделать текст внутри div, идущий на следующую строку, если текст покрывает ширину contenteditable = "true"

Так же, как в чате Gmail, когда кто-то пишет что-то внутри div, он автоматически переходит на следующую строку

Я говорю о contentEditable = "true" div означает div, в котором мы можем редактировать или писать текст.

Answer 1

.break-word { 
word-wrap: break-word;
}

Answer 2

Иногда недостаточно использовать word-wrap: break-word.

.break-word { 
  word-wrap: break-word;
  display:flex;
}