text-combine-upright

Used in vertical writing modes (like Japanese or Chinese) to 'group' short characters (like numbers or acronyms) together so they appear horizontally (upright) instead of stacked vertically.

It is documented as part of the CSS Writing Modes specification.

/* Usage Example */
.vertical-text {
  writing-mode: vertical-rl;
}
.year{
  /* Keeps '2025' together on one line even in vertical text */
  text-combine-upright: all;
}

/* Syntax */
text-combine-upright: none;
text-combine-upright: all;
text-combine-upright: digits;

/* Global values */
text-combine-upright: inherit;
text-combine-upright: initial;
text-combine-upright: revert;
text-combine-upright: revert-layer;
text-combine-upright: unset;
Widely available Since 2022 95% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.

48+
48+
15.4+
79+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC