MrFox235

Ответ был написан пользователем Ankhena в коментариях.

Создаём div элемент с числом внутри:

<div class="box">
    <p>1</p>
</div>

Делаем закругления для div элемента

.box {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   display: flex;                        /*С помощью flex выравниваем число по центру круга*/
   align-items: center;
   justify-content: center;
}