How do I make the text display inside the div element?

Question

Hey folks!
I am studying CSS here on SoloLearn and I just came across a problem.
In the code, I have linked to this question the text is displaying outside of the border-radius:100%; div element.
Can anyone explain to me, how I can make the text display inside the div element?
That would be great, thanks.

https://code.sololearn.com/Wk5ZpxXi48Mv

Answer 1

It seems that the browser still thinks the div a a rectangle though it's actually displayed as circle. I made a little workaround:
https://code.sololearn.com/WYM01rJT0sT3/?ref=app

Answer 2

Thank you very much! I appreciate you taking your time helping me.