Div que se adapta al tamaño de las imágenes

[blancoarnau]

Hola a todos. Estoy desarrollando un web y necesito en una parte concreta, que un div se adapte al tamaño de las imágenes, no sé si me explico. He hecho un pequeño esquema sobre lo que me gustaría conseguir:



Aunque lo haya intentado no me funciona ya que el div que cubre las imágenes se me adapta al tamaño del body, algo tal que así:



¿Alguien me puede echar una mano? No quiero pasar el código porque mi proyecto saldría a la vista y a parte de que solo necesito un sencillo código.

Espero que me hayan entendido, gracias

[josancardenasm]

No se adpata sin especificartle ningun valor de width?

[pzin]

Basta con ponerlo como elemento en linea o de bloque en linea:

Código CSS:

div {
  display: inline-block;
}
 

[blancoarnau]

Sigue sin funcionar. Voy a intentar pasar el código ligeramente modificado para que me podáis ayudar:

Código HTML:

<div id="content">
    <div id="econtent">
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
    </div>
</div>
 

Código CSS:

body{
  background-color:black;
}
#content{
    text-align:center;
}
.kind{
    display:inline-block;
    width:300px;
}
.kind img{
    width:100%;
}
#econtent{
    padding:5px 5px;
    background-color:white;
    margin:70px 2.5%;
    display:inline-block;
}
 

El resultado: http://jseditor.proyectosbds.com/aqimot


Representa que en el #content iría todo el contenido de la página aparte de #econtent.

[alzacon]

Es al contenedor (econtent) no a los divs de las imagenes.

[blancoarnau]

Ya lo he aplicado a #econtent. En los divs de las imágenes lo he aplicado porque no quiero que estén una debajo de la otra.