Hola Tomillo
Cita: en el css le puse vertical-align:middle, pero no funciona.
Es que no exsiste ese atributo para CSS, eso es código para tablas.
para lograr eso tienes que insertar
margin-top: auto; margin:bottom:auto puesto que auto es lo que hace centrarse.
Tambien se puede escribir en una sola linea, como ya lo tienes en el div contenedor de tu CSS.
por ejemplo
margin: auto 10px auto 15px; ( lo lee en este orden top, right, bottom, left) ,así por ejemplo quedaría centrado verticalmente (top y bottom auto) , 10 px de margen derecho y 15 px de margen izquierdo.
Se puede simplificar aun mas pero si lo escribes así funcionará siempre y podras manejar mejor los diferentes margenes.
espero que te sirva