alinear img al centro del div.

Hola estoy tratando de alinear una img en un div pero no quiere funcionar.

Código HTML :

            <div class="dItems sNan">
                
               <div class="dIcon"> 
                 <a  href="#section4"><img src="1314216285_Mouse and input.png" /></a> 
               </div> 
                
               <div class="dDescr">
                    <h5>Contact</h5>
                    <p>[email protected]</p>
                    <p>tel: 1234567</p>
                    <p>elelelea</p>
               </div>  
                
            </div>

Código :

.dIcon{
    width: 160px;    
    float: left;
    height: 100%;
}
.dIcon img{
    display: block;
    margin: auto 0;
}
.dDescr{
    color: #fff;
    float: right;
    width: 240px;
    height: 100%;
    text-align: center;
}
.dDescr h5{
    font-size: 48pt;
    font-weight: 100;
}
.dDescr p{
    font-size: 12pt;
}

que estoy haciendo mal.


saludos

Hola! El error es bastante sencillo, cuando colocas

.dIcon img{
display: block;
margin: auto 0;
}

Pones margin: auto 0; recuerda que el margin siempre va en el sentido de las agujas del reloj, es decir:

Margin: 10px 5px 15px 20px; quiere decir que pondras 10px arriba, 5px derecha, 15px abajo y 20px izquierda,

Me entiendes? Entonces cuando pones dos valores solamente el igual los sigue agarrando en sentido de las agujas del reloj:

Margin: 10px 15px; es 10px arriba y abajo y 15px izquierda y derecha

Y para que una imagen este centrada el margen a la derecha y a la izquierda debe estar en auto, entonces la linea correcta es: margin: 0 auto; y se centrara

Saludos