Чтобы перенести блок на новую строку при использовании CSS, можно использовать свойство display. Например:
display: block;
Установка свойства display в block превратит элемент в блочный элемент, которому будет выделена новая строка при выводе на страницу. Пример:
.block-element {
display: block;
}display: inline-block;
Установка свойства display в inline-block превратит элемент в блочный элемент, который будет выводиться внутри строки как строчный элемент, но сохраняя другие свойства блочных элементов, такие как выравнивание и отступы. Пример:
.inline-block-element {
display: inline-block;
}display: table;
Установка свойства display в table превратит элемент в элемент таблицы, который будет выводиться внутри блока, как если бы это была таблица. Пример:
.table-element {
display: table;
}Заметьте, что изменение свойства display может иметь влияние на расположение элемента, его размеры и выравнивание, поэтому следует применять это свойство с осторожностью.
