Dos divs con múltiples líneas juntos

[Keysher]

Buenas,

¿Cuál sería la forma más correcta de tener esta estructura?:

----Div1---- ----Div2----
|Contenido1| |Contenido2|
|Contenido1| |Contenido2|
------------ ------------


Ambos divs están dentro de otro, que a su vez está en otros que contienen la estructura de la página...

Basicamente en cada div hay una imagen y un texto debajo, pero quiero que ambas capas estén juntas y centradas dentro de la otra...

Saludos.

[webmaniaco]

Con float en css, por ejemplo:

Código HTML:

<div style="float:left; margin-left:2px; border:1px solid #ccc">
adasdas d sd as ds d sd ad sad as d asd sd sa das d sadasd sdsadsad a dasd
</div>
<div style="float:left; margin-left:2px; border:1px solid #ccc">
adasdas d sd as ds d sd ad sad as d asd sd sa das d sadasd sdsadsad a dasd
</div>
<div style="float:left; margin-left:2px; border:1px solid #ccc">
adasdas d sd as ds d sd ad sad as d asd sd sa das d sadasd sdsadsad a dasd
</div> 

[Keysher]

Ya había pensado en los float, pero quiero que estén centrados dentro de otra capa... Además en la estructura principal de la página ya uso algún float y, por la experiencia que tengo con ellos, se pelean bastante (tengo que poner un div dummy con un clear:booth)

Como me has sugerido tengo una galeria de imágenes, pero claro, no controlo las que hay en cada línea ni me importa que no estén centradas, así que me vale perfectamente.


Gracias de todos modos, si no encuentro solución optima con css tendré que tirar de tablas...