Как правильно сделать перенос строки?

Question

[Роман]

Во время оформления текстов на сайте использую тег переноса строки br. Но когда оформляется мобильная версия сайта, становится понятно, что тег br тут не нужен, перенос строки должен быть в другом месте, но его уже не отменить.

Как решить такую проблему? Есть вариант ставить текст в <p></p>, а в css менять его ширину в пикселях или процентах, тогда перенос строки будет происходить сам. Но если надо оформить текст с неестественным переносом, как-нибудь так:
текст
текст текст
текст
текст текст текст
То тогда такой вариант не подходит.
Можно вместо переноса ставить любой тег, к примеру, i и ставить для десктопа ему display: inline-block;, а для мобильной display: block;.

Может есть общепринятые и простые/удобные/правильные решения?

Answer 1

[Сергей delphinpro]

но его уже не отменить.

С чего вы взяли?

@media (max-width: 480px) {
  br { display: none;}
}

Comments

[Роман]

Даже и не думал, что можно применять стили к br!

Answer 2

[Максим Тимофеев]

htmlbook.ru/blog/perenosy-slov
www.runcms.org/faq/kak-sdelat-teg-probela-v-html.html
www.internet-technologies.ru/articles/article_2708.html

Comments

[Роман]

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

[Максим Тимофеев]

Роман: Через эту другую тему можно решить все проблемы. Киньте кусок кода Вашего на jsfiddle - распишите где и когда надо перенести, покажу как