center align

center align box

by Amal Das

HTML

<div class="body">
  <div class="center">
    center
  </div>
</div>

CSS

.body{
  position:relative;
  height: 100%;
}
.center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color: #DBAB4C;
  font-size: 4em;
  text-align:center;
}
html, body {
    height: 100%;
}