JSFiddle - React, Tailwind, and code Playground

HTML

<div class="service-box">
	<div class="number">1</div>
</div>
<div class="service-box">
	<div class="number">2</div>
</div>
<div class="service-box">
	<div class="number">3</div>
</div>

CSS

.service-box {
    max-width: 400px;
    margin: 20px;
    text-align: center;
    float: left;
}
.number {
	height: 48px;
	width: 48px;
	background: #fff;
	border: 2px solid #b0dff7;
	border-radius: 50%;
	line-height: 45px;
	margin-left: 25%;
}