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

Для перемещения изображения в CSS доступны различные свойства, включая:

1. margin: устанавливает отступы со всех сторон элемента.

img {
  margin-top: 20px; /* отступ сверху */
  margin-left: 20px; /* отступ слева */
}

2. position: относительное или абсолютное позиционирование может использоваться для точного позиционирования элемента в контейнере.

img {
  position: relative;
  left: 50px;
  top: 20px;
}

3. float: устанавливает элемент вправо (или влево) относительно других элементов на странице.

img {
  float: right;
}

4. display: можно задать для изображения свойство block или inline-block для точного позиционирования и управления отступами.

img {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}

Какой способ использовать, зависит от конкретных требований к верстке и расположения изображения в документе.