CSS Vertical aligner n'importe quoi avec 3 lignes de code


Exemple

Soutenu par IE11 +

Voir résultat

Utilisez ces 3 lignes pour aligner verticalement pratiquement tout. Assurez-vous que la div / image que vous appliquez le code a un parent avec une hauteur.

CSS

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

HTML

<div class="vertical">Vertical aligned text!</div>