Как задать верхний отступ в вёрстке?

Снова я. У меня тут немного новой информации появилось. Может в этом ключе пригодится.
Вчера на собеседовании мне задали вопрос как оцентровать в окне скажем картинку (рекламу) размер которой заранее неизвестен только с помощью CSS но без флексбокса, без псевдоселекторов и без вертикального выравнивания и дополнительного оборачивающего растянутого на весь экран блока.

Решение очень простое:

.advertising-image {
  position: fixed;
  top: 50vh; (ну или %)
  left: 50vw;
  transform: translate(-50%, -50%);
}

https://jsfiddle.net/c5s38cj2/

Фишка этого приема еще в том, что если окно меньше картинки, то центр картинки все равно остается в центре видимой области.

Периодически встречается задача оцентровать блок внутри другого блока. Внешний блок может быть как больше внутреннего так и меньше в зависимости от экрана. Тот же подход, но вместо position: fixed - position: absolute или position: relative (в зависимости от задачи), а внешнему блоку соответственно position: relative.