Как выровнять картинку в css

Выравнять картинку можно с помощью свойства «text-align» для родительского элемента или с помощью свойства «margin» для самой картинки.

Свойство «text-align»: задайте свойство «text-align» для родительского элемента, чтобы выровнять картинку по центру, по левому краю или по правому краю. Пример:

.parent {
  text-align: center; /* картинка выравнивается по центру */
}

.parent {
  text-align: left; /* картинка выравнивается по левому краю */
}

.parent {
  text-align: right; /* картинка выравнивается по правому краю */
}

Свойство «margin»: задайте свойство «margin» для самой картинки, чтобы выровнять ее по левому или правому краю. Пример:

img {
  margin-left: auto; /* картинка выравнивается по правому краю */
}

img {
  margin-right: auto; /* картинка выравнивается по левому краю*/
}

Этот код автоматически выравнивает картинку по центру родительского элемента:

img {
  display: block;
  margin: auto;
}

Вы также можете комбинировать свойства «text-align» и «margin» в зависимости от ваших потребностей.