丸の中に数字や文字を収める

HTML
1
2
3
<section class="circle">
    8.6
</section>
CSS
1
2
3
4
5
6
7
8
9
10
.circle {
    background: #000;
    color: #fff;
    height: 2em;
    width: 2em;
    line-height: 2;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}