css如何将div对齐到包含div的顶部

Question

对不起基本问题。我有以下布局：

#existing-files .image-row{
  width: 700px;
  border: 1px solid orange;
  padding-left: 10px; 
}

.img-row-description{
  border: 1px solid black;
  display: inline;
  width: 400px;
}

它看起来像这样：

我希望.img-row-description与包含图像行的顶部对齐。我该怎么做？

Answer 1

尝试使用vertical-align:top

Answer 2

我不知道timpone的标记是什么样的，但我为想要探索如何做到这一点的人提供了几个jsFiddles。

只要标记中的结构简单有效，可以通过将img向左浮动而不是使用vertical-align: top来实现此效果

取决于您想要做什么：

Text wrapping around the image

No text wrapping around the image