The text is not perfectly in the middle of the circle


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? :slightly_smiling:

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


You could use margin or padding.



THANK YOU GUYS! :slightly_smiling: