Чтобы выровнять элемент по правому краю в CSS, можно использовать свойство text-align или justify-content. Какое свойство использовать, зависит от типа элемента и его родительского контейнера.
Для выравнивания текста по правому краю внутри блока можно использовать свойство text-align и задать значение right:
<div style="text-align: right;">
Этот текст будет выравнен по правому краю.
</div>
Для выравнивания блочного элемента по правому краю, например, изображения, можно использовать свойство float и установить значение right:
<img src="path/to/image.jpg" style="float: right;">
Если нужно выровнять элементы внутри родительского контейнера, можно использовать свойство justify-content с значением flex-end. Это свойство работает для контейнеров, у которых задано значение свойства display: flex; или display: grid;.
Например, чтобы выровнять кнопку по правому краю внутри родительского блока:
<div style="display: flex; justify-content: flex-end;">
<button>Кнопка</button>
</div>
В этом примере display: flex; задает контейнеру блока значение flex и позволяет использовать свойство justify-content, а justify-content: flex-end; выравнивает элементы по правому краю.
Некоторые элементы, например, <nav>, имеют значение свойства text-align по умолчанию, установленное на center. В этом случае можно задать значение text-align: right; для конкретного элемента или для его родительского контейнера:
<nav style="text-align: right;">
<ul>
<li>Элемент 1</li>
<li>Элемент 2</li>
<li>Элемент 3</li>
</ul>
</nav>
