shalaby/vertical_align.css

Created June 5, 2014 14:20

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/shalaby/f7daa6582697afab6617.js"></script>
Save shalaby/f7daa6582697afab6617 to your computer and use it in GitHub Desktop.

Download ZIP

From http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/?utm_source=SitePoint&utm_medium=email&utm_campaign=Versioning

Raw

vertical_align.css

	.parent-element {
	-webkit-transform-style: preserve-3d;
	}

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

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