Как сделать круг на фоне числа?

Question

[Сергей Шевцов]

Как сделать чтобы на фоне элемента был вот такой ровный круг?

Comments

[szQocks]

что не получилось ?

Answer 1

[alexalexes]

Нужно квадратному желтому элементу скруглить углы на не менее 50% радиуса его размера.

Answer 2

[pantsarny]

border-radius: 50%

Answer 3

[MrFox235]

Создаём 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;
}