I found that Wikipedia set the tab-size
pre, textarea { tab-size: 4; }
But
- the tab-size property is only in the cssdraft and is not standard https://www.w3.org/TR/css-text-3/#tab-size
- by https://developer.mozilla.org/en-US/docs/Web/CSS/tab-size it needs the prefix -moz- -o-
- the property is not supported by Edge and IE
- standard length 8, and was made non-standard 4
Because of this in Edge/IE and Chrome, the text with tab has a different size
For example: we like to embed templates and to beautifully (readability) format their code
{{template | parameter = | foo =
Here instead of spaces we could use tabs, but in the edit window and in the pre block on the page, tabs have different lengths in Edge/IE and Crome.
Similarly, for other cases.