kiskiskit
@kiskiskit
Жадно изучаю каждый пиксель

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

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

Моя попытка реализовать задуманное с помощью before
https://codepen.io/kiskiskit/pen/oNLzJJj
  • Вопрос задан
  • 36 просмотров
Решения вопроса 1
RAX7
@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;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы