Как переместить несколько изображений обратно в центр в CSS?

Question

У меня проблемы с перемещением моих изображений x4 обратно в середину страницы.

Мой код CSS остался прежним, однако мои изображения переместились влево, и мне нужно переместить их обратно в центр. Я пробовал display: block и используя float, но это не сработало.

Это текущий код, который был центрирован ранее. Пожалуйста, дайте мне знать, если у вас есть предложения!

img {
  margin: 40px 8px 0 8px;
}

Answer 1

Это должно помочь

img {
  background-size: contain;
  width: 100%;
  height: 100%;
}

Answer 2

Существует несколько видов центрирования , вы имеете в виду:

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

body {
  display: flex;
  justify-content: space-around;
}

<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">

Центрирование изображений в одном столбце?

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

<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">

Центрирование изображений по вертикали и горизонтали?

body {
  min-height: 100vh;
  align-items: center;
  display: flex;
  justify-content: space-around;
}

<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">
<img src="//placecage.com/100/100">