Чтобы перенести блок на новую строку при использовании 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
может иметь влияние на расположение элемента, его размеры и выравнивание, поэтому следует применять это свойство с осторожностью.