html语言右对齐,在HTML中右对齐块元素

我想在浮动容器中右键对齐块元素.

假设以下标记.

current wanted

+-----------+ +-----------+

|+-------+ | | +-------+|

|| | | | | ||

|| | | | | ||

|+-------+ | ---> | +-------+|

|+----+ | | +----+|

|| | | | | ||

|+----+ | | +----+|

+-----------+ +-----------+

我试过的

> div {text-align：right; } – 在IE8中工作,在Firefox中失败(自然,图像是块,不应受文本对齐的影响)

> img {margin：0 0 0 auto; } – 在Firefox中工作,在IE8中失败

>将图像浮动到右边 – 不工作,因为我不想在同一行上的图像.此外,浮动图像不再推下面的内容.

还有什么可以尝试的？我更喜欢纯CSS解决方案,如果这是可能的话.

UPDATE

设置float：right;适用于所有真正的浏览器,对于IE8,它会在整个宽度上首先将图像框扩展到第一行,并将文本按下框.