Problème d'alignement photos HTML

Bonjour,

j'ai un problème d'alignement photos.

Quand j'ai de simple image, je n'ai pas de problème, mes photos sont bien alignés :

mon code :

<div style="text-align: center">
<img src="gaelle/logo.gif"width="200" height="200">
<img src="gaelle/titre.gif"width="800" height="200">
<img src="gaelle/logo.gif"width="200" height="200">

par contre je veux une image entre 2 photos avec un lien pour cliquer dessus et l agrandir, j ai la dernière photo qui n'est pas aligné pourquoi ?

voici mon code :

<div style="text-align: center">
<img src="gaelle/gaelle2.jpg"width="200" height="250">
<a href="gaelle/article.jpg"onclick="window.open(this.href, 'photo', 'height=400, width=500, top=0, left=100, toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=yes, status=no'); return false;"><img src="gaelle/article.jpg" width="300" height="350" border="3" longdesc="gaelle/article.jpg" /></a></p>
<img src="gaelle/gaelle4.jpg"width="200" height="250">
</center>
</div>