h2里面的span标签垂直居中

(1)h2{
height: 30px;
}
(2)span{
font-size: 15px;
display: inline-block;
vertical-align: top;
line-height: 30px;
}
(3)vertical-align: top;使span标签与h2顶部对齐，line-height使span垂直居中
(4）h2本来是被span高度撑起来的，不知为何h2比span高1px,因此给h2设置了高度，如有大神知道原因，还望指点