¿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
