HTMLのTab幅

スタイルシートいじって無理やりTab幅を4,2にしてみました。
web上にTabをスペースに変更せずに、コピペして使えるようにしたいときに使えるかもしれません。

IE6,FireFox1.0,Opera 7.23,Netscape7.1で動作します。

Netscape4.7はうまくいきません。
Oparaは文字のサイズを変える１文字ずれるときがあります。
FireFox,Netscapeは文字サイズを変えているとピクセル単位でずれます。

原理は、4tabの場合stylesheetでposition:relative;left: -2em;として、tabがあった場合に左にずらすってことをしてます。
IEはTab幅が64pxに固定、その他は変るので、preのfont-sizeは16px固定にして複数ブラウザに対応しやすいようにしています。IE以外なら、font-size変えても大丈夫です。

Tab2

void main(){
	aaaaaaa
12345678901234567890
		aa
}

Tab4

void main(){
	aaaaaaa
12345678901234567890
		aa
}

Tab8

void main(){
	aaaaaaa
12345678901234567890
		aa
}