как разместить число в центре тега span

Question

У меня есть тег span, который имеет закругленный круг высотой 30 пикселей и шириной 30 пикселей.Я устанавливаю некоторое число для тега span.

Мне бы хотелось, чтобы число было помещено в центр круга.но он движется к верхнему центру.

Я попытался установить sytle: text-align: center.

Любая помощь очень ценится.

Answer 1

Если оно слишком высокое, вы пробовали

line-height: 30px;

еще

Answer 2

Это полное решение:

.yourSpanClass {
    displ
    line-height: 30px;
    text-align: center;
}

Надеюсь, это поможет