white-space: nowrap для бейджей и меток статуса
Когда nowrap спасает, а когда ломает мобильную вёрстку.
`white-space: nowrap` запрещает перенос строки внутри бейджа «В работе» или цены со скидкой — метка не рвётся на две строки в карточке.
На узком экране длинный nowrap вызывает горизонтальный скролл — для длинных текстов используйте `pre-wrap` или truncate.
- white-space — MDN — nowrap, pre-wrap, break-spaces.
Связка
Часто комбинируют nowrap с `text-overflow: ellipsis` и `max-width`.