Чтобы пробелы не переносились можно использовать т. н. неразрывний пробел  .
Можно использовать CSS-правило на запрет переноса любых пробелов white-space: nowrap;. Точно такого же эффекта можно добиться используя HTML-тег nobr.
Чтобы текст красиво адаптировался можно использовать CSS-правило text-overflow: ellipsis;. Если его использовать вместе с white-space: nowrap;, то в конце будет добавлено троеточие.