---
title: "Tabular numbers"
description: "Use it on any number that changes or sits in a column, such as prices, tables, timers and counters."
canonical: https://good-css.com/tabular-numbers.md
last-updated: 2026-11-05
---

# Tabular numbers

Use it on any number that changes or sits in a column, such as prices, tables, timers and counters.

```css
.price,
td,
time { font-variant-numeric: tabular-nums; }
```

Why it works:

- Every digit gets the same width, so columns line up and a ticking value does not shift its neighbors.

Rules:

- Do not set it globally. Proportional digits read better in prose.
- The font must ship tabular figures, or nothing changes.

Support: Chrome 52, Firefox 34, Safari 9.1.

- Borrowed from: Rauno Freiberg, [Web Interface Guidelines](https://interfaces.rauno.me/) · [Vercel Web Interface Guidelines](https://vercel.com/design/guidelines)