CSS — box-shadow, radius, centering the text inside a div circle

box-shadow: 1px 1px 10px 5px #888888;

1. h-offset
2. v-offset
3. blur
4. spread
5. color
6. inset — optional —

#radius — create a circle shape div

width:100px;
height:100px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;

# center a text inside the circle

>span{
  display:table-cell;
  vertical-align:middle;
  height:100px;
  width:100px;
  text-align:center;
}

#reference

https://www.sitepoint.com/community/t/center-text-and-container-inside-a-circle/102963