显示内联块会影响行高悬停

Question

我创建了一些＆＃34;按钮＆＃34;三个div中的一个，我已经设置了一个悬停到每个div，以便当用户将鼠标悬停在div上时文本下降5px。

我使用display:inline-block，因为我不想使用float:left

唯一的问题是，当我在div上使用display:inline-block时，它会降低其他div。

以下是它应该如何工作（使用float:left）

WORKING

当我使用display:inline-block

时会发生这种情况

NOT WORKING

是否有解决方法，或者我将不得不使用其他解决方案？

Answer 1

排序问题！

尽管KingKing的答案是正确的，但使用.wkd > * {vertical-align:middle;}似乎与我的其余代码配合得很好，所以我不得不稍微改一下，所以它的工作原理如下：

.won, .keep, .discard {
    vertical-align:middle;
}

尽管如此，KingKing的回答帮助我解决了这个问题，谢谢你:)。