How do I style numbers?

Question

I am trying to change the styling of numbers.

• I want to add some space between every 3 digits.
• I will know exactly where the numbers will be located in t

Answer 1

I suggest to use display:flex so that the "sep" character is in auto-determined font-size.

The idea is that turn

1000

into

1000

by js.

Then, add "sep" character visually by css generated content. span:nth-last-of-type(3n) { content:; ..}. This way, the (can be any character actually) will have same font-size as number text.

demo