Сделать кусок текста неразрывным?

Question

скажи, у меня есть такой текст

Здравствуйте, у меня есть текст Здравствуйте, у меня есть текст текст Привет я какой-то текст Привет я какой-то текст я не хочу быть сломленным на новых строках

Рассмотрим приведенный выше абзац. Я хочу, чтобы жирная часть не была перебита новой линией, если это возможно. Например, я хочу, чтобы он ломался, если бы потребовалась полоса прокрутки или что-то, но не ломался, если можно вставить разрыв страницы до или после этого фрагмента текста, чтобы он мог поместиться на одной строке.

Как это возможно? Я пробовал что-то вроде page-break-inside и тому подобное, но в Firefox ничего не происходит.

Answer 1

Используйте свойство white-space:

Hello I am some text Hello I am some text Hello I am some text
Hello I am some text <span class="nobr">I do not wish to be
broken on new lines</span>

с:

span.nobr { white-space: nowrap; }

Answer 2

Добавление для полноты:

Если вы не хотите использовать CSS, вы можете использовать <nobr>text with space</nobr> - ссылка здесь

Для чистых текстовых блоков , я считаю, что допустимые для использования теги форматирования html, не ограниченные больше, такие как <i>, <b>, <nobr> и т.п. Для контента, относящегося к структуре сайта используйте <em>, <strong> и <span class="">.

Answer 3

bootstrap 4 имеет класс = "text-nowrap"

больше здесь https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow