html是div环绕文字,如何在右下角的div上环绕文字？

每次我尝试在CSS中执行看似简单的操作时，它都不起作用。

我有一个包含460x160图片的内容div。我要做的就是将图像放置在右下角，然后将文字环绕起来。

text text text text text text ...

所以我希望它看起来像：

------------------

| text text text |

| text text text |

| text text -----|

| text text | |

------------------

用左上或右上的图像来做是蛋糕：

#contents img { float:right; }

------------------

| text text | |

| text text -----|

| text text text |

| text text text |

------------------

现在我如何将其推到最低点？到目前为止，我想出的最好的方法是：

#contents img { float:right; margin-top: 90%} // really needs to be 100%-160px

------------------

| text text |

| text text |

| text text -----|

| text text | |

------------------

在这种情况下，文本不会在空白处打印，因此图像上方有空白。

#contents { position:relative; }

#contents img { position:absolute; right:0; bottom:0; }

-or-

// move the img tag under the text in the html and:

#contents img { float:right; margin-top:-160; }

------------------

| text text text |

| text text text |

| text text -----|

| text text | te |

------------------

在这种情况下，文本将打印在图像上方或下方。

那么…我该怎么做呢？