垂直对齐跨度不起作用？

Question

我不认为确切的情况会在别处得到解答。请不要关闭它...... 我希望使用垂直对齐将跨度垂直居中。即使它是内联元素，vertical-align属性似乎也不起作用。 这是JSFiddle。

HTML

<div>
    <span>Text</span> 
</div>

CSS

div {
    background: pink;
    width: 100%;
    height: 60px; }

span {
    vertical-align: middle; }