Nova (?) Maneira de centralizar os elementos verticalmente.

Talvez novo, talvez não, não sei, mas não vi em lugar nenhum.

Essa técnica é baseada em dois elementos de bloco embutido com alinhamento vertical definido para o meio. O primeiro define 100% da altura e o segundo é onde colocamos o conteúdo.

HTML:

<i class="inliner"></i>
<div>Sample content</div>

CSS:

.inliner {
    height: 100%;
}

.inliner,
.inliner + * {
    display: inline-block;
    vertical-align: middle;
}

Você pode brincar com ele aqui: http://jsbin.com/oxuyop/919/edit