Как сделать линию не на всю ширину?

Question

[frontAng]

как на скрине ( но все в одном псевдо)

https://jsbin.com/tejapiluko/edit?html,css,output

Comments

[Ivan Ustûžanin]

указать размер background-а

[Евгений]

Обязательно в одном псевдо? Обычно див делают круглым, а линию псевдо с относительным размером.

[Ankhena]

Сделать комбинацию из радиального и линейного градиентов. Линия-то со скруглениями.

Умнее взять SVG и не парится. Можно заинлайнить в CSS.

[frontAng]

Ankhena, Нельзя использовать несколько position sticky на одной странице?
Почему то только на ios баги...

Answer 1

[Данила]

Правильнее будет создать линию и круг в двух отдельных псевдоэлементах, задав размеры и границы: