Hello...if i make a div element in HTML & round the div to a circle with CSS, how do I keep the writing in the middle?

Question

hereEis my code :

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

Answer 1

Add a <p> element around the text and inside the other element.

<element class="hi"><p>text</p></element>

and add this into your CSS file:

.hi p {
position: relative;
transform: translate(0%, -50%);
top: 50%;
text-align: center;
}

Answer 2

thanks a lot.