Centrer une image en CSS

Bonjour

Voilà je suis débutant en XHTML eet en CSS et je voudrais de l'aide pour centrer une image avec du CSS j'ai déjà regarder d'autres topic mais ça ne marche pas voilà 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> 
   <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!