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