hot to make the text move to next line inside div when it covers the width of the div in css

Question

hi how can i make the text inside div coming to the next line if the text covers the width of contenteditable="true"

Just like gmail chat when some one writes anything inside div then it automatically moves to next line

I am talking about the contentEditable="true" div means the div in which we can edit or write text.

Answer 1

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

Answer 2

Sometimes it is not enough using "word-wrap : break-word".

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