How to preserve whitespace in dynamically added javascript DOM element without using CSS?

Question

When adding in text with small whitespace appended to it for alignment purposes the whitespace is trimmed off (the whitespace is added in c# so by the time it gets to front

Answer 1

use a html tag 'pre'

Example:

A line
   A line with indent

result:

A line
   A line with indent