Como alinear 3 divs horizontalmente como se muestra en la imagen

[kevin_91bo]

Iniciado por herzbazi

Código CSS:

.logo{
            width: 300px;
            height: 200px;
            background-color: #eee;
            display: inline-block;
        }
 

Código HTML:

<div class="cuerpocentral">
            <div class="logo">
                <img src="" alt="">
            </div>
            <div class="logo">
                <img src="" alt="">
            </div>
            <div class="logo">
                <img src="" alt="">
            </div>
        </div>
 

veo que usas mucho el id lo cual no es malo pero para elementos que tienen caracteristicas compartidas puedes usar mejor class y eso te ayuda mucho , lo otro es que hoy en dia es muy comun trabajar haciendo flotar los elementos

[URL="http://librosweb.es/referencia/css/display.html"]http://librosweb.es/referencia/css/display.html[/URL]


o bien el float

[URL="http://librosweb.es/referencia/css/float.html"]http://librosweb.es/referencia/css/float.html[/URL] este otro por lo general tienes que limpiar el css para evitar que afecte a otros elementos.

ahi esta la base de lo que buscas hora , mejora el codigo y optimizarlo para tus necesidades

Gracias por tu respuesta.
Claro que si le hago unn display:inline-block se linearán uno detrás de otro, pero el resultado que yo quiero es que el logo de la izquierda este en el extremo izquierdo el de la derecha en el extremo derecho y el central que es un poco mas grande se quede en el centro , tal que al hacer pequeño la ventana vaya perdiendo el margen que hay entre ellos . y que no estén a la misma altura ya que el logo central es mas grande.
No se si me explico bien , de ahí a que tenga el código un poco sucio intentando hacer esto.