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

Lion Digital Agency

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

теги:

Категории

Рубрики

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 

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

от 14000 

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

Как поставить 2 блока рядом css

Чтобы поставить два блока рядом друг с другом, можно использовать свойство display: inline-block; или float: left; для обоих блоков.

  1. Использование display: inline-block;
.block {
  display: inline-block;
  width: 200px;
  height: 100px;
  background-color: red;
}

В этом примере создан класс block, который имеет ширину 200px, высоту 100px и красный фон. Затем, чтобы расположить два блока рядом друг с другом, нужно добавить этот класс к обоим блокам:

<div class="block"></div>
<div class="block"></div>

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

  1. Использование float: left;
.block {
  float: left;
  width: 200px;
  height: 100px;
  background-color: red;
}

Этот код создает класс block с красным фоном, шириной 200px и высотой 100px, и выравнивает его по левому краю с помощью float: left;. Чтобы разместить два блока рядом, нужно применить этот класс к обоим блокам:

<div class="block"></div>
<div class="block"></div>

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

Поделиться:

Комментарии

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

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

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

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

Меню

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

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