Как сделать строчные элементы с новой строки, а не только блочные?

Сделать строчные элементы с новой строки, а не только блочные, можно с помощью CSS свойства display и его значения block. Обычно строчные элементы, такие как ссылки <a>, кнопки <button>, <span>, по умолчанию отображаются в одну линию.

Однако, если установить значение display: block, то элемент будет отображаться на новой строке. Вот пример:

.element {
  display: block;
}

Таким образом, любой элемент с классом .element будет отображаться на новой строке, а не в одну линию с предыдущим элементом.

Также, если вы хотите изменить отображение элемента на новую строку только при определенных условиях, например, при определенной ширине экрана в медиа-запросе, можно использовать CSS свойство display и значение flex.

@media screen and (max-width: 768px) {
  .element {
    display: flex;
    flex-direction: column;
  }
}

В приведенном выше примере, если ширина экрана не превышает 768 пикселей, элемент с классом .element будет отображаться в столбец, на новой строке.

Надеюсь, это ответило на ваш вопрос. Если у вас есть еще вопросы, не стесняйтесь задавать!