Ver Mensaje Individual
  #3 (permalink)  
Antiguo 25/05/2004, 08:40
Avatar de PatomaS
PatomaS
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 !