设置行高并不能垂直居中

场景:

有个a标签高度为66px 设置行高为66px(有border 但设置了border-box);里面有个i标签 重置为包裹icon的容器 ，i标签并不能垂直居中，设置vertical-align：middle后能垂直居中