Buenas a todos , he estado probando alinear los divs horizontalmente y a la única solución a la que he llegado es a la siguiente:
quiero alinear los logos BLANCOS de esa forma y la unica solucion es poniendolos dentro de los divs para separarlos.
El problema es que el div izquierdo se pone arriba, y tiene un VERTICAL-ALIGN:MIDDLE. en cambio el derecho si que me acepta el VERTICAL ALIGN:MIDDLE
No se si hay alguna otra manera de alinearlos de tal forma que esten centrados horizontalmente y centrados verticalmente.
dejo el cófigo:
Código HTML:
<head>
<style type="text/css">
header{
background:#E6E6E6;
text-align:center;
}
.cuerpocentral{
background:#ccc;
margin:0 auto;
width:80%;
}
header #logo1,#logo2,#logo3{
display:inline-block;
width:32%;
vertical-align:top;
background:red;
}
header #logo1,#logo3{
vertical-align:middle;
}
header #logo1 img{
float:left;
}
header #logo3 img{
float:right;
}
</style>
</head>
<body>
<header>
<div class="cuerpocentral">
<div id="logo1">
<img src="img/logos/logo1.jpg" alt="">
</div>
<div id="logo2">
<img src="img/logos/logo2.jpg" alt="">
</div>
<div id="logo3">
<img src="img/logos/logo3.jpg" alt="">
</div>
</div>
</body> gracias de ante mano!
