Чем заменить тег br?

Question

[Евгений]

Бывают ситуации, когда куски текста разделены переносом строки (ниже пример на картинке). Как в таких ситуациях поступить? Например, задаю в css ширину у параграфа, а какое то слово не хочет переноситься на следующую строку. Просто сделать ещё один параграф?

Comments

[imko]

Подгонка разметки под конкретный контент - нехорошо. Во первых его потом менять нельзя будет, а во вторых будет гемор когда адаптировать начнешь

[Ankhena]

Зачем вам нужно его заменять?
В теории, можно пооборачивать в span части строк и задать им блочность.

[Антон Литвиненко]

вообще br для того и нужен, чем не устраивает?

Answer 1

[Василий Банников]

Если прямо обязательно нужно в конкретном месте перенести строку и пофиг на то, как это будет выглядеть при другом размере/соотношении экрана, и при этом это логически не является новым параграфом - вполне можно и br вставить.

Моё мнение.

Comments

[Евгений]

Решил вопрос так:
Сделал параграф под каждое предложение и через псевдо классы делают отступ

text:nth-child(2n+1){
    margin-bottom: 50px;
}

Но в адаптиве от 426 пикселей и ниже текст с параграфа переносится на следующую строку и получается что то вроде такого (на срин опустился на 360п для наглядности)
Я просто хочу узнать какие есть варианты чтобы в будущем не приходилось делать двойную работу

Answer 2

[Andrey Dontsov]

"Какое-то слово не хочет переноситься"
Не ясна конкретная ситуация, но вдруг будет полезно, можно попробовать настроить переносы, используя неразрывный пробел между словами, которые точно не должны быть на разных строках.
Например, в предложении "Lorem ipsum dolor sit amet", перенос строки происходит так:

Lorem ipsum
dolor sit amet

А нужно, чтобы было так

Lorem ipsum dolor
sit amet

То между "ipsum" и "dolor" можно поставить неразрывный пробел.

Comments

[Евгений]

Окей, буду иметь ввиду. Просто интересуюсь так как не хочу в будущем делать двойную работу. Из вариантов знаю тег br либо гнать каждое предложение в параграф и затем задавать стили в css ... Но разве нет альтернативы по лучше? Чтобы и валидность соблюдать и чтоб потом без гемора в адаптиве

[Andrey Dontsov]

Тег <br> такой же тег, поставьте его в нужном месте, дайте ему класс и через css управляйте, когда его применять, а когда нет. Через свойство display.

[wisgest]

Евгений, при чём здесь валидность, может быть вы путаете <br> с <nobr>?

[Евгений]

wisgest, просто все говорят что brлучше не использовать и делать перенос строки через параграфы и стили

[Евгений]

Andrey Dontsov, не думал об этом, окей

Answer 3

[Алексей Гончаров]

Можно заменить обычным padding между отдельными параграфами