Как поменять элементы местами CSS

Вы можете поменять элементы местами с помощью свойства CSS order. Например, если у вас есть два элемента <div>, вы можете поменять их местами, установив для первого элемента order: 2; и для второго элемента order: 1;. Это переназначит порядок, в котором они отображаются на странице.

Пример:

HTML:

<div class="first">Первый элемент</div>
<div class="second">Второй элемент</div>

CSS:

.first {
  order: 2;
}

.second {
  order: 1;
}

Это поменяет порядок отображения элементов, так что второй элемент будет отображаться первым, а первый элемент – вторым.

реклама

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

реклама

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

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

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

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

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

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