CSS. Почему не работает вертикальное выравнивание по середине?

На самом деле, в этом случае всё довольно просто: примени вертикальное выравнивание к картинке. Ведь на самом деле Вы хотите выровнять картинку, а не текст.

<!-- преместил "vertical-align:middle" из span в img -->
1
<div>
<img style="width:30px;height:60px;vertical-align:middle">
<span style="">Работает.</span>
</div>