Centrar verticalmente con CSS

Hay varios métodos para centrar verticalmente un elemento en CSS.

Un método es utilizando al elemento como si fuera una «tabla», usando la propiedad display:table en el elemento contenedor, y display:table-cell y vertical-align:middle en el elemento que deseamos centrar verticalmente.

En este caso centraremos verticalmente un texto dentro un div con la clase «.caja»:

.caja {
	width:500px;
	height:300px;
	margin:0 auto;
	border:1px solid #000;
	display:table;
}
.caja span{
	display:table-cell;
	vertical-align:middle;
}

<div class="caja">
    <span>Sin León no hubiera España, antes que en Castilla leyes</span>
</div>