Как выровнить изображение по центру в чистом html?

<div style="text-align:center;">
<img src="path/to/image.jpg" alt="image description" />
</div>

Изображение будет располагаться по центру блока с помощью CSS-свойства "text-align:center;", которое задает выравнивание содержимого по центру. Атрибут "alt" задает описание изображения для поисковых систем.

Чтобы выровнять изображение по центру в чистом HTML, вы можете использовать атрибут align и установить его значение в «центр».

Вот пример:
<img src="your-image.jpg" align="center">

Однако атрибут align устарел в HTML5, и вместо него рекомендуется использовать CSS для стилизации изображения. Вот пример того, как центрировать изображение с помощью CSS:

<style>
.center {
display: block;
margin: 0 auto;
}
</style>

<img src="your-image.jpg" class="center">

Это устанавливает отображение изображения как блочного элемента и применяет margin: 0 auto; чтобы горизонтально отцентрировать его в своем контейнере.

Ну если считается вписывание атрибута css можно так:

Если не подходит то можно использовать тег center

Я этим ни разу не пользовался, мне кажется что выравнивание идет для бочных элементов, проверь.
Еще можешь как сказали использовать align.

Еще есть вариант центрирования с помощью position: absolute; flex-контейнера... Однако эти способы используют css как и вариант с margin