Centrar un contenido en una tabla suele ser muy sencillo basta agregar un valign=»middle» pero intentar hacer eso en un div suele no ser tan sencillo aun esa propiedad en css parece no funcionar, sin embargo eso tiene solución agregando una linea mas al CSS
[cc lang=»html»]
[/cc]
En ese caso vamos a centrar la imagen point.png, he agregado ese porque a veces firefox no centra si no hay algo de texto en este caso un espacio en blanco.
Lo importante aqui es la hoja de estilos con la propiedad line-height que debe tener la misma altura que nuestro DIV y nuestra imagen debe tener el vertical-align:middle
[cc lang=»css»]
.image {
border:thick solid;
height:8em;
width:14em;
border-color:#FF9999;
line-height:8em;
}
.image img{
vertical-align:middle;
}
[/cc]
Puedes ver el ejempo AQUI
