Vertical align anything with just 3 lines of CSS /via http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

gistfile1.txt

.element {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
 
---
 
@mixin vertical-align {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
 
.element p {
	@include vertical-align;
}