Centrar texto dentro de una caja+css
Estimados,
Resulta que uno siempre aprende y está obligado a seguir aprendiendo y estudiando, en el desarrollo de una web con html5 y css3, para un cliente me tope por un rato con la alineación media a medio de un texto dentro de una caja con css,para más detalle,explico acá.
Pensé en
,
Resulta que uno siempre aprende y está obligado a seguir aprendiendo y estudiando, en el desarrollo de una web con html5 y css3, para un cliente me tope por un rato con la alineación media a medio de un texto dentro de una caja con css,para más detalle,explico acá.
Pensé en
,
y muchas cosas más, pero la solución estaba en otro tip que aún no había usado.
Situación,
#cajaopcion{
Width: 180px;
Height: 90px;
Background-color:#b2d244;
}
#textocaja{
Font-family:tahoma;
Font-size:11px;
Text-shadow: 1px 1px 1px rgba(0,0,0,0.65);
Color: white;
}
Solución
#cajaopcion{
Width: 180px;
Height: 90px;
Background-color:#b2d244;
Display:table:
}
#textocaja{
Font-family:tahoma;
Font-size:11px;
Text-shadow: 1px 1px 1px rgba(0,0,0,0.65);
Color: white;
vertical-align: middle;
Text-align: center;
Display: table-cell;
}
La verdad los conocía, pero solo había usado unas cosas, el tema de display fue la clave para que el ejercicio funcionara..
Los dejo
Saludos
1 comentario
john -