flex

position: absolute, внутри flex контейнера.

by akogch

HTML

<div class="container">
  <div>
    В Chrome 52 и более поздних версиях зеленый прямоугольник должен
    располагаться вертикально и горизонтально в красной рамке.
  </div>
</div>

CSS

.container {
  display: flex;
  align-items: center;
  justify-content: center;

  background: red;
  width: 200px;
  height: 200px;
  background: red;
  width: 200px;
  height: 200px;
}

.container > * {
  position: absolute;
  width: 180px;
  height: 180px;
  background: green;
}