Interactive demo
Set the controls. Read the spread.
Two vertical pages, side by side. The left is plain. The right is wrapped by <Tcy>. Adjust the controls below and watch the right page reflow in real time.
Controls
Preview
without <Tcy>
plain vertical typesetting
第1章 2026年4月19日、Webの縦書きはAPIレベルから進化した。
with <Tcy>
uprighted by tate-chu-yoko
第1章 2026年4月19日、Webの縦書きはAPIレベルから進化した。
Markup
第<span class="tcy">1</span>章 <span class="tcy">2026</span>年<span class="tcy">4</span>月<span class="tcy">19</span>日、<span class="tcy">Web</span>の縦書きは<span class="tcy">API</span>レベルから進化した。Vertical writing and text-combine-upright work in all modern browsers. If the right page looks identical to the left, ensure your browser has text-combine-upright: all enabled.