image center in div

image center in div

by Steven Martin

HTML

<div class='container'>
  <img src='http://www.ryanseacrest.com/wp-content/uploads/2014/07/harry-potter-1.jpg' />
</div>

CSS

.container {
  padding: 20%;
  background-color: blue;
}

img {
  width: 100%;
}