Как начертить линии с помощью html/css?

Question

[greg_13]

Есть некоторый список ul\li , и некоторый p. Можно ли сделать так, чтобы в html отображал проведенные линии и если будет ещё одно li то дорисовывал его.

Answer 1

[Максим Тимофеев]

Обычно используют canvas или svg для подобного. В частности можно использовать библиотеки, которых не мало, например:
https://threejs.org
https://svgjs.com
paperjs.org
pablojs.com
и еще 100500 вариантов

Answer 2

[tundramani]

линии чертят с помощью языка svg

Answer 3

[Robur]

html: <div class="line"/>
css:

.line {
  position: absolute;
  width:80px;
  height: 1px;
  background: black;
  left:50px;
  top: 50px;
  transform: rotate(-30deg);
}