CSS-页面右侧的图像，文本未环绕

这可能是一个简单的问题，但我想不出来。我想使用CSS将图像放在页面的右侧，而不是将文本环绕。我希望它是这样的：

------------ | img | | | ------------ text text text text text text text .... ------------ |img| | | ------------ 文本文本文本文本文本文本文本 文本。。。。 如果我在图像上做一个float:right，我会得到：

text text text ------------ text text text | img | text text text | | text text text ------------ text text text text text text text ... 文本文本文本------------ 文本| img| 文本|| 文本文本文本------------ 文本文本文本文本文本文本文本 文本。。。

---

我可以很容易地使用表来实现这一点，但我希望使用纯CSS。

类似的功能应该可以：

<div>
  <div style="width: 100%">
    <img style="float:right;">
  </div>
  <div>
    text
  </div>
</div>

文本

也许吧

<div>
        <img src="img.jpg" style="float:right;" />
        <div style="clear:right;">
            <!-- text here -->
        </div>

</div>