В некоторых случаях необходимо, чтобы какая-то строка выводилась в браузере без разрыва, даже если она не помещается в окне целиком. Например, это может потребоваться при выводе на HTML-странице компьютерных команд, которые могут быть достаточно длинными. В таких случаях разрывать строку нежелательно, потому что восприятие разорванной команды будет хуже. Однако браузеры автоматически выполняют перевод строк, если текст не помещается в окне по ширине. Что делать? В стандарте HTML есть тег <pre>, который выводит текст “как есть”, то есть без принудительного переноса текста на новую строку...
Никогда и ничего не стоит писать «капсом», всё пишем строчными.
Для оформления в CSS для этого есть свойство text-transform: uppercase; и целая группа свойств из области вариативной типографики.