techniques de centrage des blocs
Centrage horizontal par marges automatiques
paragraphe bloc de 400px de large, centré en ligne par margin-left:auto et margin-right:auto.
Centrage horizontal en positionnement absolu
Le paragraphe p3 est doté de la propriété position:absolute. Le centrage par marges automatiques ne fonctionne pas.
Le paragraphe p3 est doté de la propriété position:absolute. style="left:50%; top:590px. Le bord gauche est calé au centre de la page.
Le paragraphe p3 est doté de la propriété position:absolute. style="left:50%; margin-left:-210px; top:760px. Le bord gauche est décalé de la moitié de sa largeur vers la gauche et le paragraphe est centré.
Centrage vertical absolu
Dans la div class="Vertical qui a une position:absolute, le paragraphe P3 se centre horizontalement
par left:50%; margin-left:-210px
Dans la div class="Vertical qui a une position:absolute, le paragraphe P3 se centre horizontalement par
left:50%; margin-left:-210px et verticalement par top:50%; margin-top:-70px
Centrage vertical par tableau
|
bla bla bla |