HTML & CSS · Senior · Question 58 of 75

Why use `font-variant-numeric: tabular-nums` in tables and timers?

✓Correct answer: All digits get the same width, so columns align and changing numbers don't jitter
2Numbers become monospace text
3It converts numbers to locale format

Explanation

Many fonts use proportional digits by default ("1" is narrower than "0"). Tailwind exposes this as the tabular-nums utility.

Further reading

MDN: font-variant-numeric ↗

Test yourself

Take the HTML & CSS · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.