Centered clock

Basic clock centered with "text-align: center". Notice that the left side also moves, which can be very distracting.

Now the centered clock. Uses the "ch" size unit, which sizes relative to the "0" character.

Centerer data

The centerer mesures the character size only once. Size ratios can be then stored in the localStorage for example.

Mesuring 20 characters takes about 1ms.