HTML:
CSS:
.item{
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
margin:4px;
background-color: #333;
box-shadow: inset 0 3px #111, inset 0 -3px #555;
}
.box{
margin: 16px;
padding: 4px;
background-color: #e7e7e7;
width: 150px;
height:150px;
display: flex;
flex-direction: row;
}
html, body{
height: 100%;
}
body{
display: flex;
align-items: center;
justify-content: center;
vertical-align: center;
flex-wrap: wrap;
align-content: center;
background-color: blue;
}
.item:nth-child(2){
align-self: center;
}