Conservez une ligne de texte sur une seule ligne - enveloppez toute la ligne ou aucune

Question

J'aimerais garder une ligne de texte ensemble de telle sorte que la ligne entière descende d'une ligne ou pas du tout

Acceptable

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

Acceptable

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

Pas acceptable

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

Est-ce réalisable en CSS ?

Answer 1

Vous pouvez utiliser white-space: nowrap; pour définir ce comportement :

 // 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 ;
}

Answer 2

Vous pouvez également mettre des espaces insécables (&ampnbsp;) à la place des espaces afin qu'ils soient obligés de rester ensemble.

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