Center content in a absolute positioned div

Question

I have an absolutly positioned element with content inside. It can be a

or a few

tag. So I don\'t know the height of the content.

Answer 1

Horizontal and vertical position absolute middle.

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

  
Test