[css] 文字列の折り返し表示

長い一つの文字列を要素の範囲内で折り返し表示させたい。
要するに

↑こういうことをしたい。

対応

そのままでいい時

word-wrap: normal;

折り返す時

word-wrap: break-word;

例

<style>
p.hoge { word-wrap: normal; }
</style>

<p class="hoge">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>