ＭＳＰゴシックにしてもＡＡがずれてしまう

ブログ記事にＡＡを載せたいのですが、ずれてしまってうまく表示されません。
検索するとＣＳＳでフォントの部分をＭＳＰゴシックに変えればいいということらしいので、変えてみたら綺麗に表示されるようになったのですが、まだちょっとずれています。
ほかにＡＡがずれる原因はどんなことが考えられますか？

ずれる原因は文字自体が等幅かどうかという点と、連続する空白（半角スペースやタブ）などをどのように扱うかによって異なります。CSSで「white-space:pre;」を追加すればOKです。

いちばん簡単なのは<pre>～</pre>でAAを囲んでみてはどうですか？

似たような質問が下記にあります。