Держите строку текста в виде одной строки-оберните всю строку или вообще ничего

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

приемлемо

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?

2 56
html css

2 ответа:

можно использовать 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>
// CSS:
.nowrap {
  white-space: nowrap ;
}
100

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

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