When your website means business.

CSS3 | Type: CSSVertical Align

Vertical align anything with just 3 lines of CSS, do not need to know height of object or container
(have struggled to make this work)

.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
} /*avoids half-pixel alignment blur*/

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept