排列图像顶部和邻居div的顶部

Question

我有一个div作为邻居的图像，我似乎无法让元素的顶部相互对齐。 div中的文本最终排列在图像的底部。

所以我基本上有以下HTML：

<img src="" /><div class="block">This lines up with the bottom of the image.</div>

我需要使用哪种CSS才能让元素的顶部相互排列？

我用google搜索“对齐图片div”，但我找不到解决问题的方法。

提前致谢。

Answer 1

浮动做你想做的吗？ http://jsfiddle.net/Ma2c5/

img { float: left }
div.block { float: left }

您可能希望在这些元素之后清除您的花车，请阅读http://www.quirksmode.org/css/clearing.html上的主题