CSS vertical align text in div

#css#vertical-align
<div class="container">
  <span class="text">Centered text</span>
</div>
.container{
  display: table;
  text-align: center;
  height: 100%;
  width: 100%;
}
.text { 
  display: table-cell;
  vertical-align: middle;
}

LIVE DEMO

Centered Text