Ajustar div al contenido que tiene

[aguila_393]

Hola gente, tengo una div en la que tengo otras dos div con float left, y abajo tengo lo mismo, seria algo como esto:

Código HTML:

<div class="item">
  <div style="float:left;"> CONTENIDO
  </div>
  <div style="float:left;"> CONTENIDO
  </div>
</div>
<div class="item">
  <div style="float:left;"> CONTENIDO
  </div>
  <div style="float:left;"> CONTENIDO
  </div>
</div>
 

El problema es que se me juntan todos los divs de contenidos, y yo lo que quiero es que me queden en cuadros (que seria el contenido de cada div class item)
Lo estoy solucionando de una manera muy rustica que seria dandole un height de 300px a cada div item, pero necesitaria que la altura se ajuste al alto de los elementos que tiene, por defecto me queda en 0 (lo mire con la opcion de inspeccionar elementos de Chrome).

Saludos.

[Mcclaude10]

Tus divs al ponerlos por default van a tener 0 de altura, si quieres que estos tomen el tamaño del contenido que tangan ponlos en heigth:auto;
Es lo que se entiende en tu texto, si no es eso trata de ser mas especifico

[GeekGirl]

El contenido de tus divs nunca se va a ajustar porque no lo pusiste dentro de ninguna etiqueta. El texto "CONTENIDO" se está renderizando como texto plano y se muestra en línea, y por más que pongas 17 "CONTENIDO" dentro de un div, estos se van a mostrar uno adentro de otro.

Si lo que querés es que se ajuste el alto, pero que los div se vayan mostrando uno al lado del otro, guardá el texto dentro de ellos en un elemento de bloque.

Ejemplo:

Código HTML:

<div class="item">
  <div style="float:left"> <p>CONTENIDO</p><p>CONTENIDO</p>
  </div>
  <div style="float:left"> <p>CONTENIDO</p>
  </div>
</div>
<div class="item">
  <div style="float:left;"> <p>CONTENIDO</p>
  </div>
  <div style="float:left;"> <p>CONTENIDO</p>
</div> 

(Puse dos en el primero para que se entienda mejor lo que quiero decir)