CSS. Как построить круг вокруг цифры (без учета содержимого)?

Question

[Илья]

День добрый!

Помогите решить проблему.

Нужно создать круг вокруг цифры. Делаю это при помощи свойства border-radius: 50%. Обычно получался идеальный круг. Но сейчас больше напоминает овал. А все из-за того, что в кругах находятся цифры. Как добиться идеального круга? Понимаю, что нужно каким-то образом заставить игнорировать содержимое, но как?

Ищу простой способ.

Answer 1

[Stalker_RED]

width и height задайте жестко.


P.S.: код скриншотами - это плохо.

Comments

[Илья]

про line-height даже и не подумал, но это сработало!

благодарю!

[Stalker_RED]

Илья, line-height там для выравнивания числа по высоте. Без него круги все равно круглые.

Answer 2

[Alexander]

Или флексами:
https://jsfiddle.net/oozLouau/

Answer 3

[Расул Гитинов]

Добавь еще max-width: 10px и max-height: 10px