Skip to content

Instantly share code, notes, and snippets.

@colintoh

colintoh/douchebag-vertical-align.css

Created October 27, 2014 07:08
Show Gist options
  • Star 30 You must be signed in to star a gist
  • Fork 9 You must be signed in to fork a gist
  • Save colintoh/62c78414443e758c9991 to your computer and use it in GitHub Desktop.
Save colintoh/62c78414443e758c9991 to your computer and use it in GitHub Desktop.
Download ZIP
douchebag way of vertical alignment
Raw
douchebag-vertical-align.css
.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}
@mehas
Copy link

mehas commented Jun 28, 2016

To prevent the half-pixel issue, set this on the parent element:

  transform-style: preserve-3d;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment