Как сверстать круг с пунктирным бордером и текстом внутри?

Question

[Kostylev2021]

Как сверстать круг с пунктирным бордером и текстом внутри?

Comments

[Ankhena]

Текст написать.
Для пунктира: либо обычный border-radius и dashed либо SVG либо радиальный градиент поверх конического, если устраивает поддержка конического.

Answer 1

[Антон Антон]

https://codepen.io/FragsterAt/pen/MWVgBmG

Comments

[Kostylev2021]

не открывается .можете код здесь выложить

[Антон Антон]

поменял ссылку на codepen

[Kostylev2021]

Антон Антон,А как 5 долларов и надпись онли сделать ?

[Антон Антон]

Kostylev2021, ну поменяй текст на div, span с соответствующим содержимым и стилями

[Kostylev2021]

Антон Антон, А как по вертикали выровнять текст внутри круга ?

[Антон Антон]

Kostylev2021, ну я бы флексом сделал. если ссылку обновишь, то увидишь