どのように短いdivの下に短いdivを囲むように背の高いdivを折り返すことができますか？

Question

私はこのテストページがあります。 http://www.problemio.com/problems/problem_dev.php?problem_id=225

をし、私は小さな正方形の広告がperson't名の下に、左に表示されていしようとしています。そして、テキストをその右側に表示させます。

しかし、広告が終了すると、テキストの本文が広告の下に広がるようにしたいと思います。それは私がそのページに現在持っているレイアウトで達成することが可能ですか？

調整する必要があるのは何ですか？

ありがとうございます！

ps - 私はインラインCSSを使用していることを知っていますが、テストのためだけです。

Answer 1

テキストを含む<div style="float: left; width: 410px;">にはdisplay:inline;の値のみが含まれているので、floatおよびwidthプロパティを削除します。

また、あなたは私が人のアバターと画像を包み込むようにしようとしていないのですheight:auto;

Answer 2

あなたにはdivが多すぎます。浮動小数点数を持つ画像：左に置いて、その横のテキストを追加するだけです。それは自然に画像の下にラッピングを開始します。