Как выровнять блок по правому краю CSS

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

.block {
    float: right;
}

Это свойство выравнивает блок по правому краю и обтекает его элементы слева.

Также вы можете использовать свойство text-align с значением right, чтобы выровнять содержимое блока по правому краю:

.block {
    text-align: right;
}

Это свойство выравнивает текст и другие элементы внутри блока по правому краю.

Если вам нужно выровнять блок по правому краю, но сохранить его в потоке документа, вы можете использовать свойство margin с auto для левого отступа и 0 для правого:

.block {
    margin: 0 auto 0 0;
}

Это выравнивает блок по правому краю, но сохраняет его в потоке документа.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как выровнять блок по правому краю CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали