Aligner des images avec texte dans le gabarit 3

Bonjour, j'utilise le gabarit 3 du site.
J'aimerais aligner des photos accompagnées d'un texte sous les photos.
Voici ce que je tente:

<div id="contenu"> 
<p class="galerie_image"><a href="lien1"><img src="http://i44.servimg.com/u/f44/15/04/67/47/2_resi12.jpg" ><br />blabla</a></p>
<p class="galerie_image"><a href="lien2"><img src="http://i44.servimg.com/u/f44/15/04/67/47/5_resi11.jpg" ><br />blabla</a></p>
<p class="galerie_image"><a href="lien1"><img src="http://i44.servimg.com/u/f44/15/04/67/47/2_resi12.jpg" ><br />blabla</a></p>
<p class="galerie_image"><a href="lien2"><img src="http://i44.servimg.com/u/f44/15/04/67/47/5_resi11.jpg" ><br />blabla</a></p>
</div><!-- #contenu --> 

et le css:

.galerie_image
	{
	float: left; 
	margin: 5px;
	border: 2px solid #ffffff;
	text-align: center;
	height: 7.5em;
	width: 276px;
	}

L'ensemble n'est pas dans le contenu et n'est pas droit. Je suppose que cela se joue dans le div contenu?
Voilà ce que cela donne:
http://mangedesfleurs.forumgratuit.be/h2-recette-de-choucroute

Merci d'avance.

Bonjour,

Le fait que ce ne soit pas dans le contenu viens du float:left. Remplace le par un display:inline-block, et ce devrait déjà s’afficher beaucoup mieux.

Super! Merci beaucoup cela fonctionne.