How can you center a picture

Question

<!-- how can I center this image-->
<img src="......"/>

Answer 1

But this won't work in HTML5.

<img src="*.jpg" align="middle">

HTML5 doesn't support align attribute of <img>. Use CSS instead.

Good luck with the code!

Answer 2

Attribute align and center tag have been deprecated since html4, please do not use <img align="center" ... or center tag.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

http://support.moonpoint.com/network/web/html/css/align-obsolete.php

Use css to center the image

.img {
display: block;
margin: 0 auto;
}

Or

use background-image on body

eg.

body {
background: #fff url(https://www.comics-zone.com/63204-large_default/pop-dc-animated-batman-catwoman.jpg) center center / contain no-repeat;
}
https://code.sololearn.com/WO8vn04KCK1a/?ref=app

Answer 3

use the center tag in HTML5