vertical-align

center vertically and horizontally a div inside another div

by freaktiful

HTML

<div class="div-padre">
  <div class="div-hijo">
    texto centrado
  </div>
</div>

CSS

.div-padre {
  position: relative;
  width: 400px;
  height: 400px;
  background: green;
}

.div-hijo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
}