けたがずれるのを防ぐ方法

宿題メールの問題をブログに貼り付けた場合、けたがずれることがあります。
ジャン先生が紹介されていた「pre」タグを使う以外に、はてなダイアリーでは省略記法が用意されています。
（参考：http://guide.g.hatena.ne.jp/sugio/19010103#pre）

普通に貼り付けた場合

PUSH ───┐　┌──→ POP
　　　　　　↓　｜
　　　　　├───┤
　　　　　│　192 │
　　　　　├───┤
　　　　　│　 55 │
　　　　　├───┤
　　　　　│　326 │
　　　　　├───┤
　　　　　│　　7 │
　　　　　├───┤
　　　　　│　 29 │
　　　　 ├───┤

省略記法その１

下記のように、「 > | 」と「 | < 」で囲みます。

 PUSH ───┐　┌──→ POP
　　　　　　↓　｜
　　　　　├───┤
　　　　　│　192 │
　　　　　├───┤
　　　　　│　 55 │
　　　　　├───┤
　　　　　│　326 │
　　　　　├───┤
　　　　　│　　7 │
　　　　　├───┤
　　　　　│　 29 │
 　　　　 ├───┤

そうすると、このように表示されます。
この日記のデザインでは判りにくいですが、下図のPUSHとPOPの文字がリンクになっています。

 PUSH ───┐　┌──→ POP
　　　　　　↓　｜
　　　　　├───┤
　　　　　│　192 │
　　　　　├───┤
　　　　　│　 55 │
　　　　　├───┤
　　　　　│　326 │
　　　　　├───┤
　　　　　│　　7 │
　　　　　├───┤
　　　　　│　 29 │
 　　　　 ├───┤

省略記法その２（スーパーpre記法）

キーワードリンクをさせたくない場合や、タグ、省略記法等をそのまま表示させたいときには「 > | | 」と「 | | < 」で囲みます。

 PUSH ───┐　┌──→ POP
　　　　　　↓　｜
　　　　　├───┤
　　　　　│　192 │
　　　　　├───┤
　　　　　│　 55 │
　　　　　├───┤
　　　　　│　326 │
　　　　　├───┤
　　　　　│　　7 │
　　　　　├───┤
　　　　　│　 29 │
 　　　　 ├───┤

そうすると、このように表示されます。
下図のPUSHとPOPの文字がリンクになりません。

 PUSH ───┐　┌──→ POP
　　　　　　↓　｜
　　　　　├───┤
　　　　　│　192 │
　　　　　├───┤
　　　　　│　 55 │
　　　　　├───┤
　　　　　│　326 │
　　　　　├───┤
　　　　　│　　7 │
　　　　　├───┤
　　　　　│　 29 │
 　　　　 ├───┤