Align image in center and middle within div

Question

I have following div

<div id="over" style="position:absolute; width:100%; height:100%>

 <img src="img.png">

</div>

How to align the image so as to be located in the middle and center of div?

Answer 1

Try using the code given below:

body {

  margin: 0;

}

#over img {

  margin-left: auto;

  margin-right: auto;

  display: block;

}

<div id="over" style="position:absolute; width:100%; height:100%">

  <img src="">

</div>