Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de [APORTE] ¿Cómo Centrar vertical un texto dentro de un div? en el foro de CSS en Foros del Web. ¿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; ...
  #1 (permalink)  
Antiguo 03/01/2010, 16:23
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 8 años, 3 meses
Puntos: 5
Información [APORTE] ¿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>



Saludos y espero que les sirva

Etiquetas: vertical, aportes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:11.