body{
 background: lightgray;
 height: 700px;
 position: relative; /*中央揃えしたい要素の親要素に指定*/
}

.position-absolute{
  /* background: yellow; */
  position: absolute;  /*要素を浮かす*/
  /*relativeを指定した親要素を支点とした位置をすべて0に指定↓*/
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; /*上下左右中央に*/
  width: 50%; /*widthの指定は必須*/
  height: 50%; /*heightの指定は必須*/
}