Как сделать так, что бы текст с пробелами выходил за пределы div?

Question

[Матвей Томилов]

Делаю сайт с адаптивной версткой на Бутстрап. В одном из col-md есть номер, но он в него не влезает целиком. Номер с пробелами просто переносится на нижнюю строку, а надо, что бы он выходил за пределы дива.

PS. Если еще и подскажете вариант как это можно красиво оформить( уползающий за иконку, например) без нарушения построения сайта, то буду очень рад.

Answer 1

[Павел]

В Css white-space: nowrap;

Comments

[Максим]

pre -- надо что бы выходил , pre как раз запретит переносится и текст сам велезет

Answer 2

[oops-wrong]

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