CSS vertical align

Bonjour,
je suis en train de travailler sur un template depuis plusieurs jours pour afficher une sorte d'emploi du temps. Dans les cases où il y a quelques choses à afficher j'affiche pour le moment du texte et une image.
Je souhaiterais positionner ce contenu au centre de ma case à l'aide de vertical align seulement ça ne marche pas :(

En parcourant des forums j'ai vu que je pouvais ajuster l'emplacement de mon contenu avec un margin-top ou même du positionnement absolu ou relatif. Ces solutions ne sont pas applicables à mon problème car mes cases n'ont jamais la même taille, leur hauteur s'ajuste en fonction de la durée de l'activité.

J'ai aussi vu que le vertical align s'applique sur une balise inline pour aligner son contenu (je n'en suis pas sur, j'ai eu du mal à comprendre).

Mes cases sont composées comme ceci :

<div>
     <span style='vertical-align : middle;'><a><span>texte</span><img /></a></span>
</div>