[SOLUCIONADO] Evitar que se superpongan dos divs.

[aguila_393]

Tengo el siguiente codigo:

Código HTML:

<div id="main">
  <div id="primera" >
  TEXTO
  </div>
  <div id="segunda">
  MAS TEXTO
  </div>
 

la div primera necesito que se ajuste al contenido, por lo que le puse position:absolute, y la segunda deberia mostrarse abajo pero me queda superpuesta con la primera.

Probe tambien poniendo la primera con float:left lo que hace que se ajuste al texto, pero la otra se me pone al costado, como evito esto?

[Rafael]

Es que si necesites que "se ajuste al contenido" (lo que sea que signifique, contenido de adentro, contenido de afuera) ¿Qué tiene que ver un position absolute?

No se entiende que cosa quieres, así que pon un dibujo de qué necesitas, y complementalo con un dibujo quizá de que cosa no necesitas.

[pzin]

Lo único que necesitarías hacer es:

Código CSS:

div.primera {
  display: inline-block;
}
 

Así se ajustará al contenido. El segundo, al seguir siendo un elemento de bloque se pondrá debajo por si solo.

[aguila_393]

Iniciado por pzin

Lo único que necesitarías hacer es:

Código CSS:

div.primera {
  display: inline-block;
}
 

Así se ajustará al contenido. El segundo, al seguir siendo un elemento de bloque se pondrá debajo por si solo.

Muchas gracias, lo primero que habia intentado fue eso pero no funcionaba y pense que no serviria, pero despues que lo dijiste me di cuenta que no se ajustaba al contenido porque adentro tenia etiquetas <p> y estas son de tipo block, las modifique para que dentro del div se comporten como inline y ahora quedo perfecto.