Как реализовать линию, проходящую под одним из блоков?

Question

[Ruslan]

Добрый день, подскажите как реализовать такую линию, как показано на рисунке? Линия пересекает три блока, один из которых находится над ней?

Answer 1

[Arnold Schwarzenegger]

Отдельным элементом с одной вертикальной границей с border-style: dashed.
Для элементов, которые должны расположиться выше, используйте больший z-index.
А лучше уберите эту линию из дизайна, так как она его портит.

Answer 2

[Сергей Кутузов]

Вот https://starper55plys.ru/html/pryamaya-liniya-html/ интересно про прямую линию, всякую. Все линии, показанные в статье реализованы кодом, НЕ картинки