Стиль CSS, чтобы избежать вставки разрывов строк

Question

Мой html выглядит примерно так:

<p>blah blah blah blah blah blah <b>something that I want 
on a single line</b> blah blah blah</p>

Я хочу как-то сообщить, что я хочу, чтобы раздел, выделенный жирным шрифтом, начинал новую строку, если и только если он не может поместиться в текущей строке.По сути, мне нужен способ сказать «не разбивайте это на строки, если есть какой-либо возможный способ избежать этого» * ​​1004 *

Есть ли какие-либо средства в html или css, чтобы выразить это?

Answer 1

Попробуйте установить white-space: nowrap; для тега <b>.

Answer 2

Вы можете добавить неразрывные пробелы -   - между словами, например

<p>blah blah blah blah blah blah
<b>something&nbsp;that&nbsp;I&nbsp;want&nbsp;on&nbsp;a&nbsp;single&nbsp;line</b> blah blah blah</p>

Answer 3

Вы можете использовать свойство CSS white-space со значением nowrap, чтобы получить его.

В вашем случае:

b{
    white-space:nowrap;
}

Я бы порекомендовал использовать <strong>тэг, а не <b> также, так как первый семантически более корректен.

Answer 4

Вы можете использовать неразрывные пробелы между словами, используя  .