Ваш код
работает, просто не так как вы ожидаете
В текущей реализации
margin-right растягивает ваше изображение, вы это увидите если дадите
body свойство
overflow: auto;
Это связано с тем что ваше изображение не имеет конечной позиции с правой стороны, а например тот же
margin-left имеет, например если вы напишете код как ниже, эффект будет противоположный
.plate {
float: right;
margin-right: 200px;
}
Если вам нужно что бы изображение было справа то используйте пример что я вам написал, либо воспользуйтесь таким кодом если вам нужно сдвинуть от левого края на 200 пикселей, но смею предположить что вам нужна реализация от правого края 200px.
.plate {
transform: translateX(200px);
}
Если вы пытаетесь центрировать изображение то воспользуйтесь flex-box'ом или grid сектой
дав корневому блоку такие свойства
display: flex;
justify-content: center;
