テキストをCSSで縦書き表示

テキストは基本横書きで、文字は左から右へ表示されます。

縦書きで表示する案件がなかったので、縦書きで表示する場合はどうしたらいいか調べました。

writing-mode これをcssで定義すれば縦書きになります。

writing-mode: vertical-rl

なら右から左へ

writing-mode: vertical-rl

なら左から右への表示になります。

https://caniuse.com/#search=writing-mode

補足

Chrome、Safariは右詰め、Firefoxは左詰めで表示されてしまうので気をつけてください。