Как стилизовать такие дотсы?

Question

[Parrot223]

Как правильно стилизовать такие дотсы? Единственное, чего я добился - расположил их в нужном месте и развернул. Буду благодарен за объяснение / фиддл. Слайдер -Slick.
PS. На первой картинке макет. На второй - то, что есть.

Comments

[Froggyweb]

для начала вывести цифры через API слайдера.
Можно поизвращаться в CSS с counter, но это не очень стандартно.
линии- псевдоэлемент.
Разворачивать ничего не надо. Li по умолчанию блочный элемент.
все зависит от слайдера и кода.

ЗЫ Slick по умолчанию выводит номера слайдов.