CSSで文章を縦文字にする方法

お疲れさまです。hanawaです。

今日は弊社に事務員としてishiiさんが入社されました！これからよろしくお願いします！

今年に入ってから歓迎会祭りで、ほぼ毎回買い出しに行っているのですが、最近どのくらいの量を買えばいいのかがうまくなってきた気がします。

いつもちょっと多いくらいなのですが、皆さん残さずに食べてくれます（じゃんけんがほとんどですが・・・）

そんな私は歓迎会隊長になりました。

弊社は何かと隊長と言う名の役割を命名されるので、次はどなたがなんの隊長になるのかが楽しみです。

さて、本日のテーマはCSSで文章を縦文字にする方法です。

CSSで文章を縦文字にする方法

<p>弊社は<br>株式会社です</p>

p {
　 writing-mode: vertical-rl;
}

こうすると以下のようになります▼

株弊
式社
会は
社
で
す

vertical-rlのrlはright（右）→left（左）と言う意味なので、vertical-lrにするとleft（左）→right（右）になります。

ぜひ活用してみてください。

参考サイト：CSSで文章を縦書きにするプロパティをわかりやすく解説

本日もお疲れさまでした。来週もよろしくお願いします！