Why does the text go outside the block?

Question

css

https://jsfiddle.net/zchbd5su/1/
Why does the text go beyond the block instead of stretching in height?

Answer 1

Because long words are not wrapped by default.
Use soft hyphens ­, hyphens, word-break