1 2 3 4 5 6 7 8 9 | .circle{ display: inline-block; width: 80px; height: 80px; border-radius: 50%; background: skyblue; text-align:center; line-height: 80px; } |
Circled number with pure CSS

1 2 3 4 5 6 7 8 9 | .circle{ display: inline-block; width: 80px; height: 80px; border-radius: 50%; background: skyblue; text-align:center; line-height: 80px; } |