<html>
<head>
<style>
img {
display: block;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<h2>Изображение по центру</h2>
<p>Чтобы центрировать изображение, установите для левого и правого поля значение auto и превратите его в блочный элемент.</p>
<img src="../images/paris.jpg" alt="Париж" style="width:40%">
</body>
</html>