ИП Иванов Д. А.

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

теги:

Категории

Рубрики
В минимальную стоимость входит:
  • Адаптивный дизайн страниц (5шт),
  • Верстка страниц (5шт),
  • Тестирование,
  • Корректировки,
  • Установка простых интеграций (чаты, метрики и пр),
  • Бекапы,
  • Резервные копии.
от 42800 
Ведем кабинеты Яндекс Директ под ключ. Стоимость работ в месяц 10% от рекламного бюджета, но не менее 15тыс рублей в месяц.
от 15000 

Как расположить блоки по горизонтали 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;
}

Поделиться:

Комментарии

Оставьте комментарий

Задать вопрос

Мы ответим в ближайшее время!

Отправляя заявку вы даете согласие на обработку персональных данных.

Вступайте в наш телеграм чат. Задавайте вопросы, помогайте другим.