Как работает nowrap

white-space: nowrap предотвращает перенос текста на новую строку, даже если он выходит за границы контейнера. Текст будет отображаться в одну строку, а при переполнении появится горизонтальный скролл (если не задано overflow: hidden).

.nowrap-example {
  white-space: nowrap;
  width: 100px;
  border: 1px solid red;
}

Пример использования:

• Для элементов меню, которые должны быть в одну строку
• Для предотвращения переноса заголовков таблиц
• В комбинации с text-overflow: ellipsis для обрезки длинного текста с многоточием

Важно: может потребоваться overflow: hidden или overflow-x: auto для контроля поведения переполнения.