Как переместить объект в CSS

Для перемещения объекта в CSS можно использовать свойство position и соответствующие значения top, bottom, left, right.

Например, чтобы переместить объект на 50 пикселей вправо и на 20 пикселей вниз, можно использовать следующий код:

.my {
  position: absolute;
  top: 20px;
  left: 50px;
}

Здесь мы задали позиционирование объекта как absolute, чтобы можно было использовать свойства top и left. Значения этих свойств указывают расстояние от верхнего и левого края родительского элемента соответственно.

Также можно использовать свойства bottom и right, чтобы задать расстояние от нижнего и правого края родительского элемента. Например:

.my-object {
  position: absolute;
  bottom: 20px;
  right: 50px;
}

Здесь объект будет расположен на 20 пикселей от нижнего края и на 50 пикселей от правого края родительского элемента.