Как расположить линию с помощью псевдоэлемента вне блока?

Question

[Артур Левенсон]

Подскажите пожалуйста, как расположить вертикальную линию вне блока. Пример на картинки:


Моя попытка реализовать задуманное с помощью before
https://codepen.io/kiskiskit/pen/oNLzJJj

Answer 1

[RAX7]

.block {
  position: relative;
  width: 400px;
  margin: 0 auto;
  background: red;
  height: 200px;
}

.block:before {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(50% - 2.5px);
  width: 5px;
  height: 94px;
  background-color: green;
}