.valign-box CSS vertical align boxes (top | middle | bottom)

 /**
 * How to vertical align (top | middle | bottom) your html elements
 * @usage:
 * <div class="valign-box">
 *    <div class="valign-top"></div>
 *    <div class="valign-middle"></div>
 *    <div class="valign-bottom"></div>
 * </div>
 */
.valign-box {
	display: table;
	& .valign-top {
		display: table-cell;
		float: none;
		vertical-align: top;
	}
	& .valign-middle {
		display: table-cell;
		float: none;
		vertical-align: middle;
	}
	& .valign-bottom {
		display: table-cell;
		float: none;
		vertical-align: bottom;
	}
}