【CSS】文章を縦書き(右から左)で表示する方法【一行で解決】

こんにちのデジタルの世界では基本的に文章は左から右に表示しますが、

今回は国語の教科書やテストのように、文章を縦書きかつ右から左の順序で表示する方法を紹介します。

文章を縦書き(右から左)で表示する方法

早速本題です。

CSSで

writing-mode:vertical-rl;

と記述すれば下記のようになります。

超簡単ですね。

See the Pen rNOdBmP by yukiwebcreate (@Yukiwebcreate) on CodePen.