Keep a line of text as a single line – wrap the whole line or none at all

February 3, 2023 by Tarik

You can use white-space: nowrap; to define this behaviour:

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