記事本文の字体を変えてＡＡなどをうまく表示させたいです。

tani.masaruさん、ありがとうございます！
早速やってみたのですがズレ(左右)はおそらく解消されてますが行間があいてしまい、飛びとびになってる感じです。
この順番でやりました。

デザインのカスタマイズ→スタイルシート(CSS)→一番最後の空いてる空間に上記の下側をコピペ→この内容に変更する→デザインの反映
投稿したブログを編集する→<pre class="aa">　→アスキーアート→　</pre>

またＡＡの大きさを変えるにはfont-sizeの数字を変更すればよろしいでしょうか？
初心者で申し訳ありません。
よろしくお願いします。

蛇足ですが、
ライブドアブログの投稿ページには、[Pre]ボタンがあって、選択範囲を<pre>～</pre>で囲んでくれます。
Pre タグの効果は、整形済みテキストとして扱うということで、スペースなどがそのまま扱われて、等幅フォントで表示されます。(なので、特にフォントを指定する必要はないかもしれません)
ちなみに、
改行幅は、line-height で指定します。
例：

line-height:normal;
line-height:100%;

>>#2
BLUEPIXYさんもありがとうございます！
tani.masaruさんのと組み合わせてline-height:50%;を追加したら行間がなくなりうまくいきました！
(もともと文章書く時も下書きの段階で改行してないのに何故か投稿すると0.5行くらい空間が空いてる為だと思います)

ですが…
今度はスクロールバーとボーダー？が記事本文(ＡＡの範囲だけ)についてくるようになりました笑
これがなくなれば完璧ですがなくすことはできますか？
入力したものは下記がすべてです。


【CSSの一番下の空いてるところへ】

pre.aa {

font-family: "ＭＳ Ｐゴシック",sans-serif;
width: auto;
_width: 90%; /*for IE*/
overflow: auto;
_overflow: scroll; /*for IE*/
font-size: 75%;
white-space: pre ;
letter-spacing: normal;
word-spacing: normal;

スクロールバーでが出るのは、アスキーアートの横幅が本文エリアの横幅より大きいために出ているものと思われます。AA自体を小さいものにするか、overflowをautoからhiddenに変えて、はみ出た部分を表示しないようにするか、どちらかがいいと思います。

ボーダーに関してはCSSに「border: hidden;」を追加すれば大丈夫でしょう。