Как заставить безпробельный текст смещаться вниз по блоку с установленной шириной?

Question

[minaev007]

https://jsfiddle.net/w192edva/
если добавить overflow: hidden текст будет прятаться за блоком. Мне все-таки хотелось бы чтоб он смещался вниз и растягивал блок с неуказанной высотой
P.s. объясните пожалуйста коротко на словах почему так происходит.

Answer 1

[TMLEX]

Допишите в CSS: overflow-wrap: break-word;

Answer 2

[Сергей delphinpro]

caniuse.com/#search=overflow-wrap
https://developer.mozilla.org/en-US/docs/Web/CSS/o...

caniuse.com/#search=word-break
https://developer.mozilla.org/en-US/docs/Web/CSS/w...

https://jsfiddle.net/w192edva/1/

Answer 3

[Александр Лысенко]

word-wrap: break-word;