# Using a CSS Property to Keep Changing Numbers Aligned in Proportional Fonts

DevFeed: [Using a CSS Property to Keep Changing Numbers Aligned in Proportional Fonts](<https://devfeed.tech/articles/one-css-property-that-makes-numbers-look-instantly-better-20471.md>)

Original publisher: [Read original article](<https://www.amitmerchant.com/one-css-property-that-makes-numbers-look-instantly-better/>)

Author: Amit Merchant

Published: 2026-03-05T00:00:00Z

Content type: tutorial

Language: en

Sources: [Amit Merchant](<https://devfeed.tech/sources/amit-merchant.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>)

Tags: [compatibility](<https://devfeed.tech/tags/compatibility.md>), [css](<https://devfeed.tech/tags/css.md>), [development](<https://devfeed.tech/tags/development.md>), [fonts](<https://devfeed.tech/tags/fonts.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>)

## AI overview

This tutorial explains how proportional spacing can make changing numbers appear uneven or shift horizontally. It presents a CSS property that gives digits equal horizontal widths, improving alignment in clocks, counters, tables, dashboards, and similar interfaces.

## Source excerpt

When you're working with fonts, especially for displaying numbers, there's something called proportional spacing that can make a huge difference in how your numbers look when they're animated.