How to insert spaces/tabs in text using HTML/CSS

Question

Possible ways:

 ... 

or

style=\"white-space:pre\"

Anything else?

Answer 1

Use the standard CSS tab-size.

To insert a tab symbol (if standard tab key, move cursor) press Alt + 0 + 0 + 9

.element {
    -moz-tab-size: 4;
    tab-size: 4;
}

My preferred:

*{-moz-tab-size: 1; tab-size: 1;}

Look at snippet or quick found example at tab-size.

.t1{
    -moz-tab-size: 1;
    tab-size: 1;
}
.t2{
    -moz-tab-size: 2;
    tab-size: 2;
}
.t4{
    -moz-tab-size: 4;
    tab-size: 4;
}
pre {border: 1px dotted;}

tab = {default} space
	one tab text
		two tab text


tab = 1 space
	one tab text
		two tab text


tab = 2 space
	one tab text
		two tab text


tab = 4 space
	one tab text
		two tab text