Как расположить картинку по центру css

Чтобы расположить картинку по центру в CSS, используйте свойства display и margin:

img {
  display: block;
  margin: 0 auto;
}

Здесь мы устанавливаем свойство display для изображения в block, чтобы сделать его блочным элементом, и затем устанавливаем отступы по вертикали и горизонтали равными 0 auto.

Это выравнивает изображение по центру горизонтальной оси.

Если ваша картинка находится внутри контейнера, вы можете использовать свойство text-align для выравнивания изображения по центру:

.container {
  text-align: center;
}

.container img {
  display: inline-block;
}

Здесь мы устанавливаем свойство text-align для контейнера в center, чтобы поместить его содержимое по центру, и затем устанавливаем свойство display для изображения в inline-block, чтобы выровнять его по центру горизонтальной оси внутри контейнера.

Обратите внимание, что в этом случае выравнивание работает только по горизонтали. Если вы хотите, чтобы изображение находилось по центру и по вертикали, вам нужно выполнить некоторую дополнительную работу, например, установить высоту и ширину для контейнера или использовать позиционирование.