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%); }