[Résolu] Centrage d'une image

Bonjour
Je ne comprends pas pourquoi mon image n'est pas centrée. Il s'agit d'un code dans un widget wp.

<div class="imagecentree">
<a href="http://www.franceameriquelatine.org/wp-content/uploads/2016/01/COP21.pdf"><img src="http://www.franceameriquelatine.org/wp-content/uploads/2015/12/fal_mag_126.jpg" alt="sommaire FAL 126"/></a></div><br>
<div class="centrage"><h3> <a href="http://www.franceameriquelatine.org/wp-content/uploads/2016/01/Abonnement-FAL2.pdf">Abonnez-vous à FAL MAG</a> </h3></div>

Le css est :

.imagecentree
{
display: block;
margin: auto; 
}

Ca marche avec

<center> </center>

mais je sais que c'est obsolète

Merci de votre aide

Bonjour,

Ton bloc de classe imagecentree fait toute la largeur de son conteneur. Le centrer avec margin:auto ne sert à rien.

Par contre, à l'intérieur de ton bloc, les éléments sont de type inline par défaut (<a> et <img>).

Pour centrer des éléments inline dans un conteneur, on ajoute text-align:center; au css de ce conteneur.

.imagecentree
{
	text-align:center;
}

Amicalement,

Merci beaucoup
Ca fonctionne