How do I center this number inside the circle? - CSS

Question

You can see the implementation here

I would like the numbers in the top left of each box, to be centered in the middle of the circles.

Help!

Answer 1

Set line-height to the height of the box and use text-align: center;

So you would get, for example :

div {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}