Centrer une image avec du CSS

Bonjour, voilà je suis un débutanten xhtml et en css et je voulais savoir comment centrer une image avec.J'ai déjà été voir d'autre topic mais ças ne marchais pas, voici mon code xhtml :

<div id="corps">
   <h3>Les Obvijevans</h3>
   <div class="centrer"><img src="chapeaux.gif" alt="un chapeau obvijevan" height="150" width="150"/></div>
   <h3>Dis, c'est quoi un obvijevans ?</h4>
   <p>Un obvijevan  est un objet qui permet de camoufler son chapaux, son amulette, son anneau et sa cape(ce qui est un avantage utile pour que l'adversaire ne connaissent pas votre élément d'attaque ;)</p><!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
   <h3>Mais comment on en obtient un ?<h4>
   <p >1 mois d'abonnement = anneaux obvijevan<br/>3 mois d'abonnement = 1 amulette obvijevan<br/>6 mois d'abonnement = 1 cape obvijevan<br/>1 an d'abonnement = 1 coiffe obvijevan</p>
   <h3>Et commment changer leur formes à ces bébêtes là ?<h4>
   <p>C'est simple, il suffit de les nourrir pour qu'elle progressent et monte de niveaux ( eh oui comme votre personnage)par contre il n'a que 20 niveaux et on ne peut les nourrir qu'avec l'onjet qu'il représente (ex : 1 cape obvijevan se nourrit de toute les capes)</p>
   <h3>Et comment on les nourrit ?<h4>
   <p>Là aussi c'est très simple, allez dans votre inventaire puis cliquez sur votre obvijevan.<img class="gestion" src="gestion.png" alt="gestion de l'obvijevan"/><br/>Ensuite vous cliquez sur nourrir et vous choisissez l'équipement que vous lui donner à manger =)        <img src="nourrir.png" alt="fenêtre de gestion de l'obvjevan"></p>
</div>

merci d'avance de m'aider