The text is not perfectly in the middle of the circle

Hi.
I want the text in the MIDDLE of the circle.
I alredy findout how to put the text inside the circle, but that’s not perefect…

some help plz? :slight_smile:

div {
display: inline-block;
margin-left: 5px;
text-align: center;
height: 100px;
width: 100px;
border-radius: 100%;
border: 2px solid black;
}

text-align center is only horizontal aligning, take a peak in exercise 1 of sorting your friends, they give a useful trick (wrap the names in a paragraph/span and then use margin) or take a look at this centering guide, which should help you further

1 Like

You could use margin or padding.

1 Like

I DID IT!!!

THANK YOU GUYS! :slightly_smiling:

1 Like