Question

I am using jQuery to .load() the contents of a CSS file into a div. But when the contents of that file are loaded, all the line breaks, tabs, etc. are gone. Is there a way to do a load of a css file while still preserving the line breaks?

Thanks in advance!

Answer 1

Instead of a <div> just use a <pre> element to preserve formatting, you can .load() into it the exact same way.

The default behavior of HTML is to display without line-breaks, extra white-space, etc (except in a <pre></pre>), from the HTML4 spec:

For all HTML elements except PRE, sequences of white space separate “words” (we use the term “word” here to mean “sequences of non-white space characters”). When formatting text, user agents should identify these words and lay them out according to the conventions of the particular written language (script) and target medium.