Aligner le centre image dans div horizontalement

Question

C'est probablement une question stupide, mais depuis les façons habituelles de centre de l'alignement d'une image ne sont pas de travail, je pensais id poser. Comment puis-je centre aligner (à l'horizontale), l'image à l'intérieur de son conteneur div?

Voici le code HTML:

<!--link here-->

<a href="NotByDesign">
 <div id="thumbnailwrapper">

  <a href="NotByDesign">

  <!--name here-->

  <b>Not By Design</b><br>

    <div id="artiststhumbnail">

    <a href="NotByDesign">

     <!--image here-->

      <img src="../files/noprofile.jpg" height="100%" alt="Not By Design" border="1" />       
    </a></div>

  <div id="genre">Punk</div>

Heres le css, j'ai aussi pris le css pour les autres éléments de la vignette. Il s'exécute dans l'ordre décroissant de sorte que le plus haut de l'élément est le contenant de tout et le plus bas est à l'intérieur de tout.

#thumbnailwrapper {
    color:#2A2A2A;margin-right:5px;
    border-radius:0.2em; 
    margin-bottom:5px;
    background-color:#E9F7FE;
    padding:5px; 
    border-color:#DADADA; 
    border-style:solid;  
    border-width:thin; 
    font-size:15px
}
#thumbnailwrapper:hover{box-shadow:0 0 5px 5px #DDDDDD}
#artiststhumbnail {
    width:120px; 
    height:108px;
    overflow:hidden;
    border-color:#DADADA;     
    border-style:solid; 
    border-width:thin; 
    background-color:white; 
}
#artiststhumbnail:hover {left:50px }
#genre {
    font-size:12px; 
    font-weight:bold;
    color:#2A2A2A
}

Ok, j'ai ajouté la balise sans la PHP en sorte qu'elle devrait être plus facile à voir. Ni solution semble fonctionner dans la pratique. Le texte en haut et en bas ne peut pas être centré et l'image doit être centré par rapport à son conteneur div. Le conteneur a débordement caché donc je veux voir le centre de l'image comme c'est normalement où l'accent est mis.

Answer 1

Ce mec ici suggère ce qui suit :

Ainsi, traduire, peut-être :

Edit : Enfin eu le temps de création d’un compte de violon. Voici ma solution : http://jsfiddle.net/marvo/3k3CC/2/

Deuxième édition : changement de .artiststhumbnail à #artiststhumbnail.

Answer 2

Je sais que c'est vieux, mais il est #1 sur google pour des div centrage alors j'ai pensé que je voudrais partager.

Je viens de trouver cette solution ci-dessous sur le W3 page CSS et il a répondu à mon problème. J'oublie toujours ce, malgré l'utilisation de css pour les 7 dernières années :)

J'ai seulement besoin d'une image centrée j'ai donc utilisé en ligne de style, pas externe de la feuille.

img {
    display: block;
    margin-left: auto;
    margin-right: auto }

Sauce: http://www.w3.org/Style/Examples/007/center.en.html

Answer 3

Ce serait aussi le faire

Answer 4

Je vais aller sur une branche et de dire que ce qui suit est ce que vous êtes après.

Noter ce qui suit je crois a été omis par inadvertance dans la question (voir les commentaires) :

Ce dont vous avez besoin est donc :

http://jsfiddle.net/userdude/XStjX/3/