한 줄의 텍스트를 한 줄로 유지-전체 줄을 줄 바꿈하거나 전혀 줄 바꿈 없음

한 줄의 텍스트를 한 줄로 유지-전체 줄을 줄 바꿈하거나 전혀 줄 바꿈 없음

---

전체 줄이 한 줄 아래로 떨어지거나 전혀 떨어지지 않도록 텍스트 줄을 함께 유지하고 싶습니다.

수용 가능

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에서 가능합니까?

---

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

---

공백 대신에 끊기지 않는 공백 (& ampnbsp;)을 배치하여 함께 머물도록 할 수도 있습니다.

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

참고 URL : https://stackoverflow.com/questions/6667081/keep-a-line-of-text-as-a-single-line-wrap-the-whole-line-or-none-at-all