How to horizontally and vertically center an object within a container that has no set height?

Question

If you needed to horizontally and vertically center an object within a container that has no set height, how would you accomplish that?

display grid, flex, table-cell, ... ? have you tried anything yet ? — G-Cyrillus, Jul 21 '17 at 18:27
Possible duplicate of [How to vertically center content with variable height within a div?](https://stackoverflow.com/questions/59309/how-to-vertically-center-content-with-variable-height-within-a-div) — hidanielle, Jul 21 '17 at 18:50

score 0 · Answer 1 · answered Jul 21 '17 at 18:38

0

.centerDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

<div class="centerDiv">hello</div>

answered Jul 21 '17 at 18:38

Pawan Kumar

1 Answers1