【CSS】アルファベットを縦書きにする方法わかりやすく解説します

今回はアルファベットを縦書きにする方法です。

このようなテキストです。

CSSコード

※htmlのコードは省略します。


.p{
writing-mode: vertical-rl;
}


補足

ちなみに、「vertical-rl」の「rl」について。

これは　右（right）から左（left）に流れて縦書きにするよ、という意味です。
逆の場合は「lr」となります。

１行だけの場合は、「rl」でも「lr」でもどちらでも縦書きになりますので、
あまり気にしなくてもいいかもしれません。

詳しく知りたい方はこちらもどうぞ。
https://kiyoblog.org/css-flex/