preタグの場合

等間隔フォントなので、ズレしまう

　　　 　　∩＿＿＿∩
　 　(ヽ　 | ノ　　　　　 ヽ　　/)
　　(((i ) /　（゜）　　（゜） | ( i)))
　／∠彡　　　 ( _●_)　 |＿ゝ ＼
( ＿＿＿、　　　 |∪|　　　　,＿＿ ）
　　　　|　　　　 ヽノ　　 /´
　　　　|　　　　　　　　/ 

pタグの場合

cssでline-height:100%;を指定することで間隔を調整できる

　　　 　　∩＿＿＿∩

　 　(ヽ　 | ノ　　　　　 ヽ　　/)

　　(((i ) /　（゜）　　（゜） | ( i)))

　／∠彡　　　 ( _●_)　 |＿ゝ ＼

( ＿＿＿、　　　 |∪|　　　　,＿＿ ）

　　　　|　　　　 ヽノ　　 /´

　　　　|　　　　　　　　/

brタグの場合

　　　 　　∩＿＿＿∩
　 　(ヽ　 | ノ　　　　　 ヽ　　/)
　　(((i ) /　（゜）　　（゜） | ( i)))
　／∠彡　　　 ( _●_)　 |＿ゝ ＼
( ＿＿＿、　　　 |∪|　　　　,＿＿ ）
　　　　|　　　　 ヽノ　　 /´
　　　　|　　　　　　　　/