Hola, quiero centrar una imagen verticalmente dentro de una capa, esta colocado de la siguiente manera:
En rojo está la capa contenedora (
margin: 20px auto; color: #FFFFFF; vertical-align: middle;), Lo verde es la imagen (
float: left; margin:auto;) y en azul un párrafo de texto (
text-align: left; float: left; display: inline; width: 118px; margin: 0px 0px 0px 12px;). Abajo de los dos float hay un seprador con clear:both.
Quiero que la imagen aparezca centrada verticalmente (ahora está arriba de la capa), pero no lo consigo ni con
margin: auto, ni con
vertical-align: middle en el contenedor. He probado a poner una capa que contenga a la imagen con
height: 100% y vertical-align: middle, pero me ignora, no le pone alto 100%
La imagen es dinámica, así que en principio se desconoce la ruta y el tamaño
Más ideas? Gracias