html - div 内のテキストはその位置を変更します

Question

このフィドルでわかるように: http://jsfiddle.net/BDVPP/私の大きな四角形は本来あるべき位置より下にあります。その中のテキストを削除すれば、すべて問題ありません。テキストは div の位置とどのような関係がありますか? どうすればこれを修正できますか?

<div class="cont">
<div class="doubleTile">THIS TEXT MESSES UP EVERYTHING //remove this text to achieve the desired position
</div>
<div class="tile">
</div>
</div>

Answer 1

これを試してください：http://jsfiddle.net/BDVPP/8/

• display: blockの代わりに使用しinline-blockます。
• float: left内容に関係なく、要素を互いに並べて取得するために使用します。