「HTML」縦書き・行書体による５７５ | 「CSS」

あこがれた
　たてにしたくて
　　　　できなくて

などと思った人も多いでしょう。

ご覧のとおり縦書きはできます。

縦にする

-webkit-writing-mode: vertical-rl; 
-ms-writing-mode: tb-rl; 
writing-mode: vertical-rl; 

行書体

font-family: “HGP行書体”, “ＭＳ Ｐ明朝”, “MS PMincho”, serif;writing-mode: vertical-rl; 

上の二つを加えるだけで、壊滅的な５７５を書くことができます。

活用シーンはあまり思い浮かびませんが、知っておいて損はないと思います。ただ、縦書きなので右寄りにするためには、スタイルを追加する必要があるなどいろいろ手間ですが...