Html 图像不会在div顶部对齐-参见示例

我不知道如何使我的所有图像在顶部对齐，而不是像它们那样居中。如果你看那些大标题在顶部对齐的图片，那看起来很傻，因为它们没有对齐。我想知道是否有人能帮我找出原因。以下是包含图像的DIV的CSS：

thumbnail {
    font-size: 10px;
    width: 125px;
    padding: 5px;
    margin: 0;
    display: inline-block;
    color: #fff;
    text-align: center;
    white-space: normal;
}

img{
    position: relative;
}

---

是否尝试添加垂直对齐：顶部；到缩略图？

是否尝试添加垂直对齐：顶部；到您的缩略图？

使用垂直对齐：顶部；在缩略图分区中使用垂直对齐：顶部；在缩略图分区中。

垂直对齐：顶部；在缩略图类上，应该解决此问题。

垂直对齐：顶部；在缩略图类上，应修复此问题。

.thumbnail{…垂直对齐：top；}.thumbnail{…垂直对齐：top；}如果你解释了答案而不是将其发布到OP的问题中，那就太好了。你的答案被标记为低质量，这就是我建议你改进它的原因。如果你解释了答案而不是将其发布到OP的问题中，那就太好了。你的答案被标记为低质量，这就是我建议你改进的原因改进它。