Сохранять строку текста в виде одной строки - оберните всю строку или вообще ничего

Я хотел бы сохранить строку текста так, чтобы либо вся строка опускалась вниз, либо ничего вообще

Приемлемая

How do I wrap this line of text - asked by Peter 2 days ago

Приемлемая

How do I wrap this line of text 
- asked by Peter 2 days ago

Неприемлемо

How do I wrap this line of text - asked by Peter 
2 days ago

Насколько это возможно в CSS?

Ответы

Ответ 1

Вы можете использовать white-space: nowrap; для определения этого поведения:

// HTML:


.nowrap {
  white-space: nowrap ;
}
<p>
      <span class="nowrap">How do I wrap this line of text</span>
      <span class="nowrap">- asked by Peter 2 days ago</span>
    </p>

Ответ 2

Вы также можете помещать неразрывные пробелы (&ampnbsp;) вместо пространств, чтобы они были вынуждены оставаться вместе.

How do I wrap this line of text
-&nbsp;asked&nbsp;by&nbsp;Peter&nbsp;2&nbsp;days&nbsp;ago