center position hack

center position hack

HTML
<div class="table">
    <div class="table-row">
      <div class="table-cell">
      </div>
    </div>
  </div>

CSS
.table{
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.table-row{
  display: table-row;
}

.table-cell{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}