Bueno, tengo una estructura como la siguiente:
Código:
<div id="hot_contenido" style="border-left: 1px solid rgb(237, 237, 237); border-right: 1px solid rgb(237, 237, 237); margin: auto 0px; padding: 10px 5px; width: 528px; position: absolute;">
<div id="hot_contenido_2" style="width: 100%; position: relative;">
<div id="texto_hot" style="width: 100%; height: 100%; vertical-align: middle;">
<div id="bloque_html" style="height: 70px; float: left;"/>
<div class="test" style="width: 180px; vertical-align: top; float: left;">
contenido
</div>
<div class="test" style="width: 180px; vertical-align: top; float: left;">
contenido
</div>
<div class="test" style="width: 180px; vertical-align: top; float: left;">
contenido
</div>
<div class="test" style="width: 180px; vertical-align: top; float: left;">
contenido
</div>
<div class="test" style="width: 180px; vertical-align: top; float: left;">
contenido
</div>
<div class="test" style="width: 180px; vertical-align: top; float: left;">
contenido
</div>
</div>
</div>
</div>
Lo que necesito es que los 6 divs con class test (que aparecen en 2 columnas de 3 en mi ejemplo, ya que hay una imagen tambien a la izquierda de ellas) queden alineadas verticalmente en medio del div que los contiene.
He probado con vertical-align:middle y con margin: auto 0px; pero no hay manera.
Podriais echarle un vistazo por favor?
Muchisimas gracias.