多个子标签设置display:inline-block 子标签不能竖直居中

遇到的问题：

父标签中的两个子标签都设置了：display:inline-block; 此时就遇到以下问题：

span不能够竖直居中，始终在父标签的下方：

解决办法：

给高度最大的子标签设置 vertical-align : middle ;

在该例子中，需要给a标签加上这个属性设置：

设置完，效果如下：