Vertical align anything

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

Notering: Opera har aldrig kört prefix på transforms och Firefox stödjer oprefixat sen v.16 (alltså behövs inget -moz- egentligen). Från IE9 och uppåt. Läs mer på ZeroSixThree.

Författare: Erik

Erik har jobbat med webb professionellt sedan 2008. Från 2005 till 2008 studerades webb på ING/JTH och dessförinnan skapades webb på all fritid. Första sajten byggdes någon gång mellan 1996-1998. Visa alla inlägg av Erik