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

[WinderJerter]

¿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>

Saludos y espero que les sirva