CSS - 页面右侧的图像，文本没有环绕它

Question

这可能是一个简单的问题，但我无法弄清楚。我想使用CSS将图像放在页面的右侧而不是围绕它包装文本。我想这样：

                ------------
                |    img   |
                |          |
                ------------
text text text text text text
text ....

如果我做浮动：在图像上，我得到了这个：

text text text  ------------
text text text  |   img    |
text text text  |          |
text text text  ------------
text text text text text text
text ...

我可以轻松地使用表来执行此操作，但我希望使用纯CSS。

Answer 1

类似的东西应该有效：

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

Answer 2

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

</div>

也许？