Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 14000 

Подходит для небольших стартапов и тех, кто еще не рекламировал свой бизнес в интернете. Разработка сайта (до 5 страниц) + Яндекс Директ / ВК реклама.

от 69000 

Как сделать одинаковый отступ css

Чтобы задать одинаковые отступы для нескольких элементов в CSS, можно использовать сокращенное свойство margin. С помощью этого свойства мы можем задать отступы со всех четырех сторон одновременно.

Например, мы хотим задать одинаковые отступы для трех блоков:

.blocks {
  width: 300px;
  height: 100px;
  background-color: lightgray;
  margin: 20px;
  display: flex;
  justify-content: space-between;
}

.block {
  width: 80px;
  height: 80px;
  background-color: darkgray;
}

Здесь мы создаем блок .blocks, который имеет ширину 300 пикселей, высоту 100 пикселей, серый фон и отступы по 20 пикселей со всех сторон.

Затем мы создаем внутренние блоки .block с шириной и высотой по 80 пикселей и темно-серым фоном.

Мы также используем display: flex; и justify-content: space-between; для расстановки блоков в строку с одинаковыми отступами между ними.

Таким образом, все блоки будут иметь одинаковые отступы от окружающих элементов.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

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

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

Меню

Оставить заявку

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