Как я могу обернуть текст вокруг нижнего правого элемента div? ⇐ CSS

[Anonymous]

Каждый раз, когда я пытаюсь сделать что-то, казалось бы, простое с помощью CSS, это не работает.

У меня есть блок содержимого, содержащий изображение размером 460x160. Все, что мне нужно сделать, это разместить изображение в правом нижнем углу и обернуть его текстом.

Код: Выделить всё

[img]...[/img]
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 |
------------------

В этом случае текст печатается поверх или под изображением.

Итак... как мне это сделать? это?

Подробнее здесь: https://stackoverflow.com/questions/499 ... -right-div