Center image within a circle shape div

Create a circle shape div, then center image vertically and horizontally within a div.

by Jordan Dayton

HTML

<div id="circle">
  <img class="images" src="https://img.icons8.com/ios-filled/50/888888/star.png">
</div>

CSS

#circle {
  width: 100px;
  height: 100px;
  background: #ECE813;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  margin: 0 auto;
  position: relative;
}

.images {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}