解决设置inline-block后不对齐问题

添加vertical-align: top;就可以解决

是基线对其问题（vertical-align 属性），https://www.w3school.com.cn/css/pr_pos_vertical-align.asp
进一步来说，两个 inline-block 的元素都按照默认的垂直对齐方式为什么会产生不同的对齐效果？
原因在于容器使用了 overflow: hidden 属性，这一属性改变了 inline-block 元素的基线位置，
导致这一元素上移。因此，同时设置两个元素的垂直对齐方式为非基线对齐的值，
或为另一个元素添加 overflow 属性都可以解决这一问题。

另外，不对其还有可能因为标签之间有空格或换行