#8520

Z63 | Vertical align anything with just 3 lines of CSS |

Centrer verticalement absolument n’importe quoi en CSS avec juste 3 lignes de code.

.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}


Ceci dit, il faut mieux savoir utiliser correctement « vertical-align » et les « line-height », car l’astuce ici est un hack pas très propre (et pas fait pour ça).

Prenez plutôt les astuces ici : http://www.alsacreations.com/xmedia/tuto/exemples/vertical/demos.html
http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/