<div class="main">
<div class="point-wrap">
<div class="point"></div>
</div>
<div class="point-wrap">
<div class="point"></div>
</div>
<div class="point-wrap">
<div class="point"></div>
</div>
<div class="point-wrap">
<div class="point"></div>
</div>
</div>
.main{
width:70px;
height:70px;
background: #333333;
margin: 0 auto;
border-radius:5px;
display:flex;
justify-content:space-between;
padding:10px;
flex-wrap:wrap;
}
.point{
width:20px;
height:20px;
background:#d1d1d1;
border-radius: 50%;
justify-content:center;
}
.point-wrap{
flex-basis:35px;
}
xxxxxxxxxx