Jmm...
Y porque no lo haces de esta forma.
Tienes 3 divs diferentes ( les llamaremos #div1, #div2 y #div3 ) de esta forma:
<div id="div1">
<p> bla bla bla </p>
</div>
<div id="div2">
<p> bla bla bla </p>
</div>
<div id="div3">
<p> bla bla bla </p>
</div>
Ahora en tu CSS, haces algo como esto:
#div1 p {
bla bla bla
}
#div2 p {
bla bla bla
}
#div3 p {
bla bla bla
}
Asi solo afectas a la etiqueta <p> de cada div... Eso, o le podrias poner display: table; a cada div que quieras que crezca conforme al texto. No es lo recomendable porque (creo...) no funciona en todos los navegadores... Pero si quieres una solución mas rapida, posiblemente te ayude.
Hasta Luego!!
