vertical-align sirve para alinear verticalmente un elemento de tipo "inline" y no uno "block", es decir, elementos como <span>, <a>, <img> etc, que no son bloques como los <div> o los <p>.
Aquí tienes un enlace con ejemplos sobre cómo
alinear verticalmente