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://png.icons8.com/material/48/43474C/airport.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;
}