To vertically align multiple lines of text including a fix for IE7

Vertical Center Multi-line Text

.textBox {
	position: relative;
	height: 100%;
}

.inner {
	position: absolute;
	display: table;
	width: 100%;
	height: 100%;
	top: 0; left: 0;

	.element {
		display: table-cell;
		vertical-align: middle;

		html.ie7 & {
			position: absolute;
			width: 100%;
			top: 50%;
			left: 0;
		}

		span {
			display: inline-block;
			html.ie7 & {
				position: relative;
				height: 100%;
				top: -50%;
			}
		}
	}
}