使内联块在顶部而不是底部对齐

Question

我解释此问题的最佳方法是使用以下图像。

此：

需要看起来像这样：

我认为影响这两个容器对象（工作结果和结果查看器）的唯一代码是以下css片段。

.ItemCollection {
    display: inline-block;
    width: 45%;
}

这是一个非常简单的css更改，还是我需要添加更深入的编码来实现这一目标？

Answer 1

您需要将vertical-align : top添加到两个div

.ItemCollection {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}