CSS: как нарисовать круг с текстом в середине?

Я нашел этот пример на stackoverflow:

Draw Circle, используя только css

Что здорово. Но я хотел бы знать, как изменить этот пример, чтобы я мог включать текст в середине круга?

Я также нашел это: Вертикально и горизонтально центрируя текст по кругу в CSS (например, значок уведомления iphone)

, но по какой-то причине он не работает для меня. Когда я создаю следующий тестовый код:

1

вместо круга, я получаю овальную форму. Я пытаюсь поиграть с кодом, чтобы увидеть, как я могу заставить его работать.