Как перенести блок справа вниз под другой блок?

Чтобы перенести блок справа вниз под другой блок в HTML, можно воспользоваться стилями CSS. Для этого можно использовать свойство CSS float: right; для блока, который нужно разместить справа, и добавить clear: both; для блока, под которым должен находиться блок справа.

Пример HTML структуры:

<div class="main-container">
    <div class="block-a">Блок А</div>
    <div class="block-b">Блок Б</div>
</div>

Пример CSS стилей:

.block-a {
    float: left;
    width: 50%; /* ширина блока А */
}

.block-b {
    float: right;
    clear: both;
    width: 50%; /* ширина блока Б */
}

В данном примере блок А будет расположен слева, а блок Б — справа и ниже блока А. С помощью float: right; мы "выталкиваем" блок Б вправо, а clear: both; гарантирует, что блок Б будет размещен под блоком А, а не рядом с ним.

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