html - フロートが新しい行を作成しないようにする

Question

この質問が以前に尋ねられたことは知っていますが（1、2、3、4、5、6）、これらの解決策はどれもうまくいかないようです。

HTML

<div class="wrapper">
    <img src="http://imgur.com/5dEdRvCs.png" />
    <div>
        Lorem ipsum dolor sit amet, consectetur fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>
</div>

CSS

.wrapper > *{
    float: left;
}

jsフィドル

---

次のように、ラッパーimgの下の と の両方を にし、すべてのテキストを含む div がページの残りのスペースをすべて占有するようにします。divfloat left

代わりに、次のようになります。

---

overflow: hiddenラッパーに追加しようとしましたが、いくつかwidthのmin-width設定を試しましたが、役に立ちませんでした。

これを実現するには、CSS に比較的簡単な方法が必要です。