内联块元素的间隙高不同

Question

我有带有CSS元素的容器。所有元素都具有display：inline-block属性。问题在于，其中一个元素的租金是其余元素的两倍，而不是侧面有两个元素，而我只有一个空白。它是这样的：

我的CSS是：

.productBlock {
    display: inline-block;
    background-color: darkgray;
    height: 271px;
    width: 161px;
    margin: 3px;
}

.productBlock-higher {
    background-color: darksalmon;
    height: 548px;
    width: 161px;
    margin: 3px;
    display: inline-block;
}

如何删除空白并在其中添加另一个元素？我想在较高div的右侧添加移动两个元素。它看起来应该像这样：

Answer 1

如果我理解正确，则需要将垂直对齐顶部https://codepen.io/opmasan/pen/vYNvbpZ

.productBlock {
    vertical-align: top;
}

Answer 2

我解决了。我添加了：

.productBlock-higher {
    float: left;
}