Как-centered изображение

Узнайте, как использовать CSS для центрирования изображения.

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

Тюльпан

Как-centered изображение

Шаг 1 - Добавьте HTML:

<img src="paris.jpg" alt="Paris" class="center">

Шаг 2 - Добавьте CSS:

Чтобы разместить изображение по центру, установите левый и правый отступы autoи установите его как блоковый элемент:

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

попробуйте это лично

Пожалуйста, обратите внимание, если ширина установлена 100%Если используется полужирный символ, то текст не может быть выровнен по центру.

Соответствующие страницы

Учебник:CSS изображение