使內聯塊在頂部而不是底部對齊

Question

對於我來說，解釋此問題的最佳方法是使用以下圖像。

這個：

需要像這樣出現：

我相信影響這兩個容器對象（工作結果和結果查看器）的唯一代碼是以下css片段。

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

這是要進行的非常簡單的CSS更改，還是我需要添加更多深度編碼才能實現？

Answer 1

您需要在兩個div中添加vertical-align : top

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