JSFiddle - React, Tailwind, and code Playground

by deizel

HTML

<h1>Tab size 8:</h1>
<pre class="tab8">
012345678
	↑
</pre>

<h1>Tab size 4:</h1>
<pre class='tab4'>
012345678
	↑
</pre>

<h1>Tab size 2:</h1>
<pre class='tab2'>
012345678
	↑
</pre>

CSS

pre.tab8 {
    -moz-tab-size:    8;
    -o-tab-size:      8;
    -webkit-tab-size: 8;
    -ms-tab-size:     8;
    tab-size:         8;
}

pre.tab4 {
    -moz-tab-size:    4;
    -o-tab-size:      4;
    -webkit-tab-size: 4;
    -ms-tab-size:     4;
    tab-size:         4;
}

pre.tab2 {
    -moz-tab-size:    2;
    -o-tab-size:      2;
    -webkit-tab-size: 2;
    -ms-tab-size:     2;
    tab-size:         2;
}