Как реализовать такие линии у списка?

Question

[hoffman7075]

Как реализовать такие линии слева от текста? Пробовал через .list { background-image: url(...) }, но что-то не понравилось. Помогите, пожалуйста

<ul class="list">
    <li>
        Разрешение на строительство
    </li>
    <li>
        Свидетельство о регистрации
    </li>
    <li>
        Кадастровый паспорт на участок
    </li>
</ul>

Comments

[hoffman7075]

Сергей Афанасов, немного не то

[Ваня]

немного поправил код Сергей Афанасов https://jsfiddle.net/amzoexvg/

Answer 1

[gleendo]

Demo

Answer 2

[Aleksey Solovyev]

Предположим через псевдоэлементы
Каждый li имеет ::after, который высотой 1-2px. Это будет горизонтальная линия.
У ul left-border или ::after будет вертикальной линией.

ps вот пример https://jsfiddle.net/s7hysyL1/