t_wの輪郭

https://horicun.moo.jp/contents/haiku/

実例

デライトで 　　縦書き俳句を 　　　　描画する

実装の詳細

<p style="white-space:pre;writing-mode:vertical-rl;text-orientation:mixed;">
デライトで
    縦書き俳句を
        描画する
</p>

詩歌の表現には<pre>要素を用いたかったが，<pre>要素を直接使うと字下げや字揃が〝詩として不自然〟になるので，<p>要素にたいしてwhite-space: preというCSSを適用することで挙動を再現することにした。

原理的には俳句に限らずなんでも縦書きにできるのだが，表示領域の関係上，俳句程度の短い文字数でしか見栄えが良くないと思われる。

諸根拠

詩歌をHTMLの<pre>要素によって表現することは，HTMLの意味論的に許されている。
それどころか，HTML現存標準に例示されているほど通用する。

<pre>                maxling

it is with a          heart
               heavy

that i admit loss of a feline
        so           loved

a friend lost to the
        unknown
                                (night)

~cdr 11dec07</pre>