CSS vertical align text in div

.container{
  display: table;
  text-align: center;
  height: 100%;
  width: 100%;
}
.text { 
  display: table-cell;
  vertical-align: middle;
}