Instantly share code, notes, and snippets.

What would you like to do?
Vertical alignment in Foundation
// Courtesy of:
// IE fix by me!
.valign-middle {
display: table;
// IE fix; otherwise, the images will go to 100% of page width,
// rather than column width.
table-layout: fixed;
> .columns {
display: table-cell;
vertical-align: middle;
> .columns, > [class*="column"] + [class*="column"]:last-child {
float: none;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment