Updated: 2026-07-11
⚙️ Writing Mode Settings
Adjust writing-mode and text-orientation to preview different text directions.
👁️ Live Preview
The text below renders according to your writing mode selection.
Hello World yougood 2024
💻 CSS Code
📖 CSS writing-mode Explained
The writing-mode property defines the direction in which text flows on the page. It's essential for vertical text layouts, traditional Chinese and Japanese vertical typesetting, and multilingual designs.
Key Values
horizontal-tb— (default) content flows left to right, lines top to bottomvertical-rl— content flows top to bottom, lines right to left (traditional CJK)vertical-lr— content flows top to bottom, lines left to right
With text-orientation
text-orientation controls character orientation in vertical writing modes. Use upright for latin characters to remain upright, or mixed for natural rotation.