[解決済み] DIVで長い単語を強制的に改行するには？

質問

さて、これは本当に私を混乱させています。私はいくつかのコンテンツがこのようなdivの内側にあります。

<div style="background-color: green; width: 200px; height: 300px;">

Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.

</div>

しかし、「単語」が長すぎるため、コンテンツがDIVをオーバーフローしてしまいます（予想通り）。

どうすれば、ブラウザが必要な箇所で単語を「分割」して、すべてのコンテンツを中に収めることができるでしょうか？

どのように解決するのですか？

<ストライク 使用方法 word-wrap:break-word;

<ストライク IE6でも動作するのは、嬉しい驚きです。

word-wrap: break-word は、次のように置き換えられました。 overflow-wrap: break-word; これは、すべてのモダンブラウザで機能します。IEは死んだブラウザなので、非推奨で非標準の word-wrap 代わりに

既存の word-wrap のエイリアスであるため、現在でも使用可能です。 overflow-wrap を指定します。