center image in a div

Question

I\'m trying to center horizontally an image in a div, and i don\'t understand why it isn\'t working... I\'ve centered images so many times, and this time i just don\'t under

Answer 1

Check the below code, I hope it will helps you.

.wrap{
  position: relative;
  height: 100vh;
  width: 100vw;
}
.midImg{
  margin: auto;  
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 150px;
  width: 150px;
}