Centrar una imagen en altura

HTML



<div>
<a>
<img/>
</a>
</div>

CSS



div{
display:table;
float: left;
width: 100px;
height: 100px;
margin: 0px 5px;
padding: 10px 10px;
background-color: #FFF;
background-image: none;
}

a{
vertical-align: middle;
display: table-cell;
table-layout: fixed;
text-align:center;
width:100px;
height:100px;
}

.img{
display: table-cell;
vertical-align:middle;
}

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s