Как поведет себя элемент с параметрами Position: Relative, Top: 5px?

Элемент с `position: relative; top: 5px` сдвинется на 5px вниз относительно своего обычного места, но место в потоке за ним сохранится.

.label {
  position: relative;
  top: 5px;
}

Что происходит

• Соседи не двигаются — они ведут себя так, будто элемент стоит на исходном месте.
• Элемент может визуально наложиться на соседей снизу.
• top: 5px сдвигает вниз, bottom: 5px — вверх, left — вправо.

Зачем ещё нужен relative

• Становится точкой отсчёта для дочерних элементов с position: absolute.
• Позволяет задать z-index.

.card { position: relative; }
.card__badge { position: absolute; top: 8px; right: 8px; }

Коротко для собеседования

Элемент сдвигается на 5px вниз от своего места в потоке, соседи остаются на местах; relative также служит опорой для absolute-потомков.

Подробнее: MDN — position