Revision: 50757
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at September 1, 2011 21:18 by distribuida
Initial Code
/*ESTRUCTURA HTML*/
/*
<div id="contenedor">
<div id="centrado">Contenido para alinear verticalmente</div>
</div>
*/
/* -------- USANDO LINE-HEIGHT ------- */
/*Sólo válido para lÃneas de texto*/
#centrado {line-height: 200px;}
/* -------- USANDO DISPLAY + VERTICAL-ALIGN ------- */
/*Las dimensiones de la capa se asignan al contenedor*/
#contenedor {display: table; height:200px;}
#centrado {display: table-cell; vertical-align: middle;}
/* -------- USANDO POSITION + MARGIN ------- */
#contenedor {position: relative;}
#centrado { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -15% 0 0 -25%;}
Initial URL
http://www.katharsix.com/centrar-verticalmente-con-css-6-formas-diferentes-de-lograrlo
Initial Description
Initial Title
Centrar capas verticalmente
Initial Tags
Initial Language
CSS