Иногда возникает такая задача как «отключить перенос строки по br», или просто «отключить br».
Это может пригодится, например, тогда, когда вы делаете адаптивную, мобильную версию сайта. То есть когда переносы строки в каком-то месте на маленьких экранах нужно убрать, и превратить в обычный пробел.

Как отключить br на CSS?

Отключить br на CSS можно следующим образом:

br {content: ""}
br:after {content: "\00a0"}

Естественно, вы можете более глубоко таргетировать с каким именно br нужно это нужно сделать.
Пройдемся по коду:

  • в первой строчке мы просто делаем br пустым, при помощи свойства content, это уберет перенос строки, но прилепит слово идущее за br к слову, идущему перед br
  • во второй строке мы добавляем после br пробел, при помощи псевдоселектора :after

Всего и делов. Так просто можно отключить перенос строки по br.
Ну и конечно такой код отключить br можно вставить внутрь media query, для той же адаптивности.

Бесплатный хостинг не предполагает какую-либо ответственность за материалы пользователей, поэтому лучше создать сайт на платном хостинге, такой подход рекомендован тем, кому дороги результаты собственного труда и сохранность интеллектуальной собственности.