alinhar verticalmente um texto dentro de um div

para isso precisamos apenas colocar o atributo line-height conjunto com o height do div.

exemplo:

<style>
#DIV_TEXT_ALIGN_MIDDLE {
background-color:yellow;
color:red;
width:300px;
line-height:100px;
height:100px;
text-align:center;
vertical-align:middle;
}
</style>
<div id="DIV_TEXT_ALIGN_MIDDLE">this is a div with text middle aligned</div>