25/05/2004, 08:40
|
| Colaborador | | Fecha de Ingreso: marzo-2004 Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 9 meses Puntos: 63 | |
Alineación vertical y horizontal de un div Hola
Este código de muestra, te permite centrar algo horizontal y verticalmente:
esto iría en la cabecera de la página:
<style type="text/css">
.alineacionDiv {
height: 100px;
text-align: center;
width: 50%;
border: 1px solid #ff00ff;
}
div.alineacionDiv {
margin-left: auto;
margin-right: auto;
display: table;
}
p.centrar {
display: table-cell;
vertical-align: middle;
}
</style>
y este sería el código html de la prueba:
<div class="alineacionDiv"><p class="centrar">este texto está en un div centrado</p></div>
Suerte
Felicidad
__________________ ¡ hey, hou, hou, hey ! |