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

<section class="circle">
	8.6
</section>

.circle {
	background: #000;
	color: #fff;
	height: 2em;
	width: 2em;
	line-height: 2;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
}

display: grid を使用した場合

.circle {
display: grid;
justify-items: center;
align-items: center;
background: #000;
color: #fff;
height: 2em;
width: 2em;
border-radius: 50%;
}