Alinear texto verticalmente con css
3 seguidores
Hola, me estoy volviendo loca buscando y no encuentro nada.
¿Existe alguna manera de centrar el texto contenido en un div verticalmente sin utilizar padding?
Algo como text-align: center, pero en vertical.
maxer3d
Cuando puse "text-height" me referia a "line-height" como marca en el ejemplo MrSoriano
Usuario desconocido
div { height: 200px; line-height: 200 px;}
Usuario desconocido
Miraré los links que me dejasteis, gracias.
maxer3d
Si el texto es de una sola linea se suele usar ponerle de "text-height" el alto del contenedor.
Sino, le podes echar un ojo a esto : http://www.onenaught.com/posts/201/use-css-displaytable-for-layout
piglesias
Es que me parece que vertical-align es solo para celdas de tabla, por eso no funciona en divs. Yo suelo jugar con paddings o margins del elemento hijo.
psycho
Para eso en CSS, existe la propiedad vertical-align, lo malo es que no funciona en todos los navegadores,
pero hay soluciones javascript que lo solucionan, un ejemplo:
http://www.nitinh.com/2010/01/vertical-align-middle-using-javascript-jquery-mootools/