Как разместить блоки в два ряда?

Чтобы разместить блоки в два ряда, можно воспользоваться различными подходами в HTML и CSS. Ниже представлены три наиболее распространенных способа:

1. Использование элементов <div> и CSS свойства float:
Пример HTML кода:

   <div class="row">
     <div class="block">Блок 1</div>
     <div class="block">Блок 2</div>
   </div>
   <div class="row">
     <div class="block">Блок 3</div>
     <div class="block">Блок 4</div>
   </div>

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

   .row {
     width: 100%;
   }

   .block {
     width: 50%;
     float: left;
   }

2. Использование элементов <div> и CSS свойства display: inline-block:
Пример HTML кода:

   <div class="row">
     <div class="block">Блок 1</div>
     <div class="block">Блок 2</div>
   </div>
   <div class="row">
     <div class="block">Блок 3</div>
     <div class="block">Блок 4</div>
   </div>

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

   .row {
     width: 100%;
   }

   .block {
     width: 50%;
     display: inline-block;
   }

3. Использование элементов <div> и CSS свойства display: flex:
Пример HTML кода:

   <div class="row">
     <div class="block">Блок 1</div>
     <div class="block">Блок 2</div>
   </div>
   <div class="row">
     <div class="block">Блок 3</div>
     <div class="block">Блок 4</div>
   </div>

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

   .row {
     width: 100%;
     display: flex;
   }

   .block {
     width: 50%;
   }

Во всех трех примерах используются элементы <div> для создания блоков и CSS свойства для задания ширины блоков (например, width: 50%) и способа их выравнивания либо с помощью float, либо с помощью display: inline-block или display: flex внутри родительских элементов <div class="row">. Вы можете выбрать подход, который лучше соответствует вашим потребностям и требованиям дизайна.