Back
I have following div
<div id="over" style="position:absolute; width:100%; height:100%> <img src="img.png"></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?
Try using the code given below:
body { margin: 0;}#over img { margin-left: auto; margin-right: auto; display: block;}
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="Your Image Url"></div>
<div id="over" style="position:absolute; width:100%; height:100%">
<img src="Your Image Url">
31k questions
32.8k answers
501 comments
693 users