Why circle word is not displayed inside the circle??

Question

https://code.sololearn.com/WH1HdKPpvPxu/?ref=app

Answer 1

Change the color to black, you'll know why 👍
https://code.sololearn.com/WhM97rr4XCw6/?ref=app

Answer 2

Because when you use border-radius , it appears like a circle but the container is actually a square then also. So you can use text align with value as center and padding-top to bring the text inside the circle....

Answer 3

You used padding.

Answer 4

Ok then for this👉👉
https://code.sololearn.com/WnaeQ3CLD5pF/?ref=app

Without using any text-align Or margin-top text is display inside the shape why so??