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

Question

我解释这个问题的最佳方式是使用以下图片。

这个：

需要这样显示：

我相信影响这两个容器对象（工作结果和结果查看器）的唯一代码是以下 css sn-p。

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

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

Answer 1

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

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