Tategaki (縦書き - たてがき) é a escrita com orientação vertical, tradicionalmente utilizada no Japão e em outros países asiáticos. Quando escrito dessa forma, o texto é lido de cima para baixo começando na coluna mais a direita e avançando para as colunas da esquerda.

Ainda é bastante utilizada em livros, mangás, jornais, etc. porém perdeu bastante espaço para o seu “rival” 横書き (yokogaki) - a escrita horizontal (sim, essa que usamos em português!).

Na internet, o uso do tategaki é dificultado pois não existe suporte para isso em HTML. Geralmente é utilizado através de tabelas (colocando o texto em colunas, com um caractere por linha) ou então com a tag <pre> (texto pré-formatado - você usa espaços para alinhar os caracteres de forma que fiquem formando colunas). Com a tag <pre> o código fica bem curto e limpo, porém ele só funciona com caracteres de mesma largura - fato que limita bastante as possibilitades de formatação no texto. Por isso eu acho que tabelas são melhores, com elas você pode até aumentar o tamanho da fonte em uma palavra no meio do texto sem estragar tudo.

Outra alternativa é com CSS utilizando o atributo writing-mode: tb-rl. Esta seria a melhor e mais simples solução, se não fosse por um problema: atualmente só funciona no Internet Explorer.

Escrever em tabelas ou pré-formatar o texto manualmente dá muito trabalho. Acredite, você não vai querer fazer isso. Mas felizmente você pode usar uma solução mais inteligente, como por exemplo gerar as tabelas automagicamente através de javascript. Se você não sabe javascript, pode pegar o meu (no bom sentido) ou então utilize o gerador de código HTML que criei abaixo:

(Leitores de feed ou email precisam entrar aqui no site para ver isso funcionar!)

Como escrever na vertical

Escreva um texto qualquer abaixo. Dica: com letras japonesas fica muito mais bonito. Caso você use o Internet Explorer, o texto já vai ficar em tategaki aqui mesmo. Porém, para funcionar em outros navegadores é necessário utilizar o código HTML gerado. No IE, note que letras japonesas ficam de pé quando escritas em tategaki, mas o romaji fica rotacionado. É assim mesmo.

僕は中島ジョウと申します。宜しくお願いします。

Resultado

Código HTML

Copie o código abaixo. Você pode utilizar em seu site, scraps no Orkut ou qualquer outro lugar que aceite HTML.
<br/> <table border="0" width="60"> <tr> <td style="font-size:16px; vertical-align:top; text-align:center; width:30px;">宜<br/>し<br/>く<br/>お<br/>願<br/>い<br/>し<br/>ま<br/>す<br/> ゜</td> <td style="font-size:16px; vertical-align:top; text-align:center; width:30px;">僕<br/>は<br/>中<br/>島<br/>ジ<br/>ョ<br/>ウ<br/>と<br/>申<br/>し<br/>ま<br/>す<br/> ゜</td> </tr> </table> <p>