Alinhar pelo meio da DIV com CSS

As vezes a gente usa vertical-align: middle e o conteúdo não fica no centro por nada. Então aqui está a solução.

O display: table-cell faz a diferença.

Veja o exemplo:

CSS:
div#nomedacamada {
 width: 200px;
 height: 150px;
 border: 1px solid #c30;
 background: #ffe;
 vertical-align: middle;
 display: table-cell;
 }

HTML:
<div id="nomedacamada">
Texto no meio da DIV
</div>

Fonte: Blog do Maujor