html - 对齐图像的顶部和相邻 div 的顶部

Question

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

所以我基本上有以下 HTML:

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

我必须应用哪种 CSS 才能使元素的顶部彼此对齐？

我用 google 搜索了“align image div”，但找不到解决问题的方法。

提前致谢。

Answer 1

float 是否符合您的要求？ http://jsfiddle.net/Ma2c5/

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

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