html - 使用 float 垂直对齐底部 img 和文本

Question

我正在尝试使用

将同一行的文本 block 和图像对齐

display:table-cell; vertical-align:bottom;

这行得通，但是一旦我将跨度向右浮动，垂直对齐就会停止工作 谁能帮帮我
我正在尝试将文本对齐到底部并将蓝色范围向右浮动
这是我的 fiddle :http://jsfiddle.net/nalagg/YpVnw/2/

Answer 1

试一试:http://jsfiddle.net/YpVnw/5/

我在包装器上设置了overflow: hidden。