Sometimes nowrap is helpful when you don’t want the text to break in an awkward spot 🔗

However, nowrap can sometimes lead to overlapping text. You can easily fix it by setting the white-space to be normal 👍

div {
  white-space: nowrap;
}

div {
  white-space: normal;
}

---

---

Table of content

− Why does text overlap occur?

− Solution to overlapping text

− Use case of nowrap

−− Advantage of nowrap for code display

−− Advantage of nowrap for links

− CSS white-space

− Assume Positive Intent When Working on Existing Code Base

− Community Input

− Resources

#web-development #front-end-development #programming #software-development #css