AA が盛大にずれてたのはスタイルシートが間違ってたからのようで。
以下をスタイルシートに追加しました。

.content .ascii {
	padding-left: 1em;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	line-height: 100%;
}

んで <p class="ascii"> と </p> で囲ってやれば OK.
ずれまくってたのは .content を書いてなかったから。
スタイルシートは奥が深い。

問題点としては <p> とか書いてると何故か「改行を変換する」にしてても変換されなくなってしまうのでいちいち <br> を打たなきゃならないことか。
修論終わったら何とかしようと試みてみよう。

最後に、自戒の意も込めて。

:::::::::::/　　　　　　　　　　 ヽ::::::::::::
:::::::::::|　　現　　な　　戦　　i::::::::::::
:::::::::::.ゝ　実 　 き 　 わ　 ﾉ:::::::::::
:::::::::::/　 と。　 ゃ　　 　 　ｲ:::::::::::::
:::::　 |　　　　　　　　　　　　ﾞi　　::::::
　　　＼_ 　　　　　　　 ,,-'
――--､..,ヽ__　　＿,,-''
:::::::,-‐､,‐､ヽ.　)ノ　　　　　 ＿,,...-
:::::_|/ ｡|｡ヽ|-i､　　　　　 ∠＿:::::::::
／. ` ' ● '　ﾆ ､　　　　 ,-､ヽ|:::::::::
ニ　＿_ｌ＿_＿ノ　　　　 |・ |　|, -､::
/￣　＿　　| i　　　　　ﾟr ｰ'　　6 |::
|(￣`'　　）/ /　,..　　　 i　　　　　'-　　
`ー---―' / '（__ ）　　　ヽ 、
====（ i）==::::／　　　　　　,/ﾆニニ
:/ 　　 　ヽ:::i　　　　　　　/;;;;;;;;;;;;;;;;