Как поставить 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>

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

2. Использование 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>

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