このブログはよく「縦書き」を使う。主として俳句を詠むためである。他に、経文や邦楽の歌詞を書きたいときにも使っている。
これには、「<div style=”writing-mode: tb-rl; writing-mode: vertical-rl;”>縦書きにしたい文字列</div>」というふうに、スタイルシートを使う。
ただ、記事の中央に文字列を配置したい場合に、どうも不自由していた。俳句は縦1行なので、「<div style=”writing-mode: tb-rl; writing-mode: vertical-rl; white-space:nowrap; margin-left:48%;”>縦書きにしたい文字列</div>」などとして誤魔化していた。
ところが、左右のマージンを「auto」にすることで、左右中央に持ってこられることがわかった。つまり、「<div style=”writing-mode: tb-rl; writing-mode: vertical-rl; white-space:nowrap; margin-left:auto;margin-right:auto;“>縦書きにしたい文字列</div>」というふうに書くわけだ。
過去の記事も全部このスタイルシートに置換した。スッキリした。