Как привязать линии от одного блока к другому?

Question

[Дмитрий Коробейников]

Предположим, есть блок, объявленный классом. Некий, например, квадрат.
Ниже находится ещё один точно такой же блок.

Как нарисовать линию, начинающуюся от середины нижнего края блока1, и заканчивающуюся в середине верхнего края блока2?

Подобная технология, например есть в word или в — ему подобных — иных сервисах.

Comments

[Eugene Chefranov]

Вы хотите это как-то автоматизировать или сделать в каком-то конкретном случае?
Если автоматизировать, то можно на JS сделать.

[Дмитрий Коробейников]

Jack Brown, да, именно автоматизировать.
Потому что моя сетка из блоков организованна по принципу css grid.

Не обязательно прилагать код, достаточно обьяснить концепцию.

[Сергей delphinpro]

Дмитрий Коробейников, Вот здесь — Документ и объекты — вся концепция. Смотрите разделы по размерам и координатам.

Answer 1

[Айнур Валиев]

https://codepen.io/vaajnur/pen/KQRvjN

Answer 2

[Михаил]

Псевдоэлементами after или before