Как перенести блок на новую строку CSS

Чтобы перенести блок на новую строку при использовании CSS, можно использовать свойство display. Например:

1. display: block;

Установка свойства display в block превратит элемент в блочный элемент, которому будет выделена новая строка при выводе на страницу. Пример:

.block-element {
  display: block;
}

2. display: inline-block;

Установка свойства display в inline-block превратит элемент в блочный элемент, который будет выводиться внутри строки как строчный элемент, но сохраняя другие свойства блочных элементов, такие как выравнивание и отступы. Пример:

.inline-block-element {
  display: inline-block;
}

3. display: table;

Установка свойства display в table превратит элемент в элемент таблицы, который будет выводиться внутри блока, как если бы это была таблица. Пример:

.table-element {
  display: table;
}

Заметьте, что изменение свойства display может иметь влияние на расположение элемента, его размеры и выравнивание, поэтому следует применять это свойство с осторожностью.