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

Чтобы создать блоки, расположенные друг под другом, на HTML-странице, вы можете использовать CSS свойство display с значением block.

Вот пример CSS-кода, который создает два блока, каждый из которых находится под предыдущим:

.block {
  width: 100%;
  height: 100px;
  background-color: #f2f2f2;
  display: block;
  margin-bottom: 20px;
}

Здесь мы задали класс .block элементам, которые будут составлять блоки на странице. Мы также задали ширину и высоту блоков, а также задали фоновый цвет.

Наиболее важное здесь свойство — это display: block, которое позволяет располагать каждый блок в отдельной строке на странице. Добавив margin-bottom, мы задаем отступы между блоками, чтобы создать пространство между ними на странице.

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