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

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

  1. display: block;

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

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

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

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

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

.table-element {
  display: table;
}

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

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

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

Наш специалист свяжется с вами в ближайшее время и уточнит детали