Как переместить конкретный div вправо?

Вы можете использовать float для этого конкретного div, например:

<div style="float:right;">

Также можете задать float:left для div, которому нужно больше свободного пространства слева:

<div style="float:left;">

Если ничего не помогает, задайте div справа position:absolute, а затем переместите его вправо на нужное вам расстояние:

<div style="position:absolute; left:-500px; top:30px;"> 

И так далее. Очевидно, лучше поместить стили в отдельный файл стилей, но это просто более быстрый пример.

Я использовал margin-left: auto;, что делает элемент более отзывчивым при горизонтальном изменении размера. Это позволяет элементу автоматически занимать оставшееся пространство, что особенно полезно в адаптивном дизайне.

Это поможет решить вашу задачу:

<div style="position:absolute; right:0;">Привет, мир</div>

Данный код расположит текст "Привет, мир" в правом верхнем углу контейнера, в который он помещен.

Чтобы добавить максимально возможный левый отступ для блока div, вы можете использовать следующий CSS-код:

div {
    display: block;
    margin-left: auto;
}

Этот код устанавливает свойство margin-left в значение auto, что заставляет браузер выделять доступное пространство слева от элемента div. При этом элемент будет занимать всю ширину, оставляя максимально возможный отступ с левой стороны.

Важно отметить, что метод будет работать, если у вас есть достаточно места для отображения блока. Убедитесь, что родительский элемент div имеет установленную ширину (например, не равен нулю), чтобы margin-left: auto сработал корректно.

Ваш код имеет небольшой недочет в CSS. Свойство margin-left: auto; применится только в том случае, если контейнер (например, родительский элемент div) имеет заданную ширину и является блочным элементом. Если вы хотите центрировать элемент login-box по горизонтали, возможно, вам стоит использовать margin: 0 auto;. Это позволит элементу занять равное пространство с обеих сторон и централизует его.

Вот исправленный вариант:

login-box {
    width: 200px;
    margin: 0 auto; /* Центрирование элемента */
}

Если же вы хотите, чтобы элемент сдвигался вправо, тогда можно оставить margin-left: auto;, но убедитесь, что родительский элемент достаточно широк, чтобы это работало:

/* Убедитесь, что родительский элемент имеет достаточную ширину */
.parent {
    width: 100%; /* или другая заданная ширина */
}

login-box {
    width: 200px;
    margin-left: auto; /* Сдвигает элемент вправо */
}

Надеюсь, это поможет! Если остались вопросы, не стесняйтесь задавать.