Как прижать элемент к правому краю CSS

Для прижатия элемента к правому краю можно использовать свойство CSS float с значением right. Например:

.element {
  float: right;
}

Также можно использовать свойство text-align у родого элемента с значением right. Например:

.parent {
  text-align: right;
}

.element {
  display: inline-block;
}

В этомае элемент должен быть блочным, но иметь свойство display: inline-block, чтобы не занимать всю ширину родительского элемента.