vertical align

[borjagat]

hola

quiero centrar determinadas tablas que estan en un div y otros elementos. pensaba usar vertical-align:center pero no me va.

se me ocurrio usar width:30px; margin-left, margin-right:35% y lo centra pero solo uso un 30% y puede que neceiste mas espacio.

¿Cómo lo puedo hacer?

[pzin]

Depende mucho del código. ¿Cómo lo tienes?

Aquí tienes un artículo muy completo sobre cómo centrar en CSS.

[borjagat]

Es bastante completo. luego lo leo con calma para ver si acabo de resolver todas mis dudas.


Muchas gracias!!!

[CHuLoSoY]

Para centrar horizontalmente es más fácil que eso:

Código HTML:

<div class="wrapper">
    <div class="center"></div>
</div>
 

Código CSS:

.wrapper {
  width :100%;
  position : relative; /* imprescindible en este caso*/
}
.wrapper .center {
  width :50%;
  margin: 0 auto; /* el cero es vertical, auto es horizontal */
}
 

Para centrar verticalmente lo tendrás que explicar mejor cómo tienes montado el html y el css. Puedes hacerlo con position:absolute y margins a porcentajes, o puedes hacerlo con transform.

Código CSS:

.center {
  top: 50%;
  left: 50%;
  position: absolute;
  transform : translate(-50%, -50%);
}
 

Saludos