Try it Editor

Edit This Code :
<!DOCTYPE html>
<html>
<head>
<style>
img {
    display: block;
    margin: 0 auto;
}
</style>
</head>
<body>

<h2>Center an Image</h2>
<p>To center an image, use margin: auto; and make it into a block element:</p>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKmI9oMQ_pha6nqhoN2MsEoDE52c9-HtYJdg2ESrpw9HQ-0xv51Tujhyqvw7Yh_bewAj21_x_4zloNouHZtMzmiswrSXs-rY6e7wqywqC4uACdZjirH7tEyo9N8lB8egxhPmxCnUvIstci/s200/img_mountains.jpg" alt="Paris" style="width:40%">

</body>
</html>
Result :