Tema: FAQ's de CSS
Ver Mensaje Individual
  #80 (permalink)  
Antiguo 05/01/2010, 14:55
WinderJerter
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 14 años, 10 meses
Puntos: 5
¿Cómo Centrar vertical un texto dentro de un div?

¿Cómo Centrar vertical un texto dentro de un div?

Hola que tal aqui les traigo dos sencillas propiedades para poder centrar un texto verticalmente
  • display:table-cell;
  • vertical-align:middle;

Ejemplo:
Código:
<style type="text/css">
#vertical {
	background:#999;
	color:#CCC;
	display:table-cell;  /*Propiedad obligatoria*/
	height:30px; 
	text-align:center;
	vertical-align:middle; /*Propiedad obligatoria*/
	width:300px;
}
</style>

<div id="vertical">Este texto esta centrado verticalmente</div>



PD: Tambien sirve para imagenes

Saludos y espero que les sirva