Как расположить блоки по горизонтали CSS

Для расположения блоков по горизонтали в CSS можно использов свойство display с значением flex. Например:

.container {
  display: flex;
}

.block {
  width: 100px;
  height: 100px;
  background-color: red;
  margin-right: 10px;
}

В данном примере блоки с классом .block будут располагаться по горизонтали внутри блока с классом .container. Свойство margin-right задает отступ между блоками. Если нужно выровнять блоки по центру, можноать свойство justify-content со значением center:

.container {
  display: flex;
  justify-content: center;
}
реклама

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

реклама

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

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

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

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

Закажите услугу Как расположить блоки по горизонтали CSS

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