Центрирование изображений

Здесь вы узнаете, как центрировать изображение при помощи CSS.

Изображение по центру:

Как центрировать изображение

Шаг 1) Добавляем HTML:

<img src="//msiter.ru/paris.jpg" alt="Париж" class="center">

Шаг 2) Добавляем CSS:

Чтобы изображение отображалось по центру, установите свойствам margin-left и margin-right значение auto и сделайте элемент блоковым:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}