半角英数字の文字列が改行されない時の対処法

半角英字のみの文字列がずらっと並ぶと、ボックスの幅をしていしていても折り返すことなく、すごいことになることがある。

cssで以下を指定するだけで解決する。

word-break:break-all;
word-wrap:break-word;

サンプルコードは以下。