やっとこさ縦書きを左右中央配置にする方法がわかった

投稿日:

 このブログはよく「縦書き」を使う。主として俳句を詠むためである。他に、経文や邦楽の歌詞を書きたいときにも使っている。

 これには、「<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>」というふうに書くわけだ。

 過去の記事も全部このスタイルシートに置換した。スッキリした。

夏惜しむ

投稿日:
夏惜しむグラスも酒も肴さへ
訪人(まろうど)の見ぬ垣の陰(なつ)(そう)()
ハンツヴイル百日紅(さるすべり)()ふ忠魂碑
ワクチンを打つあぢさゐも枯れ果てつ
()くや頓服の子を負ふ夜道
南無大師山門(いで)て雲の峰
億兆の汗AIは夜を数ふ
軒深き居間露付きの麦湯瓶
夜の街に汗ねじくれて美少年
銃裸体百鬼夜行よウオルマート

佐藤俊夫

#kigo #jhaiku #haiku #saezuriha