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

Question

我解释这个问题的最佳方法是使用以下图像.

这个:

需要看起来像这样:

我相信影响这两个容器对象(工作结果和结果查看器)的唯一代码是以下css片段.

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

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

Answer 1

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

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