Comment le milieu vertical aligner un bouton radio à l'encontre d'une image dans le html?

J'ai plusieurs image de 100x100. Je demande à l'utilisateur de choisir l'un d'eux en mettant un bouton radio devant chacun d'eux.

C'est le code :

<div>
   <input type="radio" name="pic" value="1"/><img src="pic01.jpg"/><br/>
   <input type="radio" name="pic" value="2"/><img src="pic02.jpg"/><br/>
   ....

et ainsi de suite... Mais le problème est que le bouton radio rend au bas de la ligne et je veux le faire venir dans le milieu vertical de l'image. J'ai essayé style="vertical-align:middle" et il ne fonctionne pas.

Des idées?

Essayez de définir margin-bottom:10px;
qui ne fonctionne que si les images ont la même dimenstions et aligner correctement avec 10px.

OriginalL'auteur Jey Geethan | 2009-12-02