欧文がスマホなどではみ出してしまう場合、改行させる際にはword-breakではなくword-wrapを使います。

word-breakでは禁則処理が無視され、単語の途中で無理矢理改行されてしまうためです。

 

word-wrap: break-word;

// word-break: break-all;