html - 2 列のレイアウト

Question

これが私のバージョンです：

<div>
    <div style="width:200px;float:left;display:inline-block;">
        123456789012345678901234567890123456789012345678901234567890123456789

    </div>
    <div style="margin-left:200px;">
        abcdefghijklmnopqrstuvwxyz 
    </div>
</div>

http://jsfiddle.net/EV6xF/

テキストが小さくなるまで、すべて正常に機能します。

どうすれば修正できますか？

Answer 1

word-wrap:break-word;CSS ルールに追加します。

<div style="width:200px;float:left;display:inline-block;word-wrap:break-word;">

（デモ）