Html – Prevent automatic line breaks in a tag


I have a html code tag, wrapped in in a pre tag with fixed width and am getting ugly automatic line breaks:

Ugly line breaks!

What I want to achieve is, that the text is NOT automatically broken on spaces, but when I add a white-space: nowrap to the code element, the whole thing collapses to a single line, so all \n and \r characters are ignored as well:

Single line

Does anyone have an idea how to prevent automatic line breaks, but keep the intended line breaks?

Best Solution

The problem was caused by twitter bootstrap. For whatever reason, they added the following styles to the code tag:


By overwriting the styles with:

white-space: pre;
word-break: normal;
word-wrap: normal;

The problem was fixed.