Vertical Align CSS

gistfile1.css

/* from http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ */
/* works IE9+ */

/* parent of centered element (not _required_, just prevents blur in case of 1/2 pixel placement */
.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

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