Render a Tab character (in PRE element) as 4 spaces in HTML? [duplicate]

Question

Possible Duplicate:
Specifying Tab-Width?

I need to print a tab character in a pre tag. The HTML character for tab is 	 but on all browsers I tried it renders to look like 8 spaces.

Is there a way to adjust this to render to be the width of 4 spaces or is there another HTML character I can use that is 4 spaces?

Answer 1

While I agree with the first answer that you might as well just put 4 spaces, there does seem to be some support for a tab-size property within CSS (though IE support is lacking):

pre {
    -moz-tab-size:    4; /* Firefox 4+ */
    -o-tab-size:      4; /* Opera 11.5 & 12.1 only */
    tab-size:         4; /* Chrome 21+, Safari 6.1+, Opera 15+ */
}

Only effective using white-space: pre or white-space: pre-wrap (or within <pre> tags).

• W3C specification
• jsFiddle demonstration
• Browser support