英語のみ横幅(width)をはみ出る挙動

HTMLの「div」タグなどでボックスを作り、classやidを用いてcssのwidthプロパティを使用して横幅を指定したとしても、英語は枠におさまらない場合があります。

※今回の場合はoverflow:hiddenをかけているので、文字が途切れている

結論から言ってしまえば、

1. word-wrap: break-word;

を使用すれば英語であっても折り返し可能です。

大手のサービスであってもこういった対策していないところもあるので注意が必要です。日本であっても英単語を羅列する場合はあるので（IT業界では多い）、多様なパターンでデバックするようにしましょう。