Как сделать блок слева в css

Чтобы сделать блок, который расположен слева от другого блока, в CSS нужно использовать свойство float.

Пример CSS кода:

.block-left {
  float: left;
  width: 300px; /* указываем ширину блока */
}

.block-right {
  /* стилизуем правый блок */
}

Здесь мы создаем блок слева с помощью класса block-left и указываем ему свойство float: left, чтобы он выровнялся по левому краю родительского контейнера и сдвинул правый блок вправо.

Далее мы указываем ширину блока (в данном случае 300 пикселей). Вы можете изменить этот параметр в зависимости от ваших потребностей.

После этого мы стилизуем правый блок с помощью класса block-right.

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

.clear {
  clear: both;
}

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