Html 将图像顶部和相邻div顶部对齐

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

因此，我基本上有以下HTML：

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

这与图像的底部对齐。

我必须应用什么样的CSS才能使元素的顶部彼此对齐

我在谷歌上搜索了“align image div”，但我找不到解决问题的方法

---

提前谢谢。

浮动能满足您的需要吗？

您可能希望在这些元素之后清除浮动，请阅读

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