Как выровнять изображение по центру CSS

Чтобы выровнять изображение по центру с помощью CSS, можно использовать следующий код:

img {
  display: block; /* убираем лишние отступы */
  margin: 0 auto; /* задаем отступы сверху/снизу и выравниваем по центру по горизонтали */
}

Этот код задает для изображения блочный тип отображения, убирает лишние отступы и выравнивает изображение по центру по горизонтали с помощью свойства margin и значения 0 auto.