html – 内联块中的文本将其推下

参见英文答案 > Why is this inline-block element pushed downward?5个
我今天早上发现了一个奇怪的CSS问题,我希望CSS专家可以帮助我.在 this demo年,红色的文字为什么会推下呢？我预计这两个div将彼此相邻.谢谢！
编辑：谢谢你们的答案.我会接受一点答案.谁能解释为什么会发生这种情况？

解决方法

………………………

你好,现在用于垂直对齐：top;

div {
    display: inline-block;
    height: 50px;
    width: 50px;
    vertical-align: top;
}

Demo