Как убрать перенос текста в флекс контейнере?

Question

[godsplane]

https://codepen.io/poylar/pen/WNQJBxo
Видно что второе слово переносится, как этого избежать не задавая ширину в пикселях?

Answer 1

[Александр]

.tags-name {
  padding: 10px;
  white-space: nowrap;
}

Answer 2

[Nikolay Matyushkin]

Я тоже пожалуй помогу.

Открываем гугль

Вбиваем вполне себе понятный и логичный запрос типа "css отключить перенос слов"

Получаем

htmlbook.ru/css/white-space - То, что нужно
htmlbook.ru/css/word-wrap - не то, что нужно, но на будущее пригодиться
https://webref.ru/recipe/2373 - то, что нужно, да ещё и разжёвано

...и ещё 100500 ссылок

Comments

[godsplane]

Забей, я знал решение, просто почему то я подошел к этому вопросу с точки того что перенос текста это два блока друг под другом, а не текст.
Утро началось как обычно