Código:
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.<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>
He probado con vertical-align:middle y con margin: auto 0px; pero no hay manera.
Podriais echarle un vistazo por favor?
Muchisimas gracias.