フリーエリアの文字がずれないようにするには？

Meadow（2カラム）のデザインを利用して各種のカスタマイズを行っています。

フリーエリアを利用して、５０音順（あいうえお…）の索引を作って、
「あ」ではじまるもの、「い」ではじまるものという具合に、
それぞれのページにリンクさせています（リンクのターゲットの指定はなし）。
文字と文字の間に、１文字分空白を入れていますが、
行が違うと、文字が微妙にずれてしまいます（ただし、最初の文字の位置は同じです）。
文字がずれないようにする方法はありますか？

お手数ですが、私のサイトをご覧いただいた上で、ご指導ください。
私のブログのＵＲＬは以下です。よろしくお願いします。

質問のお答えにはなるか自信はありませんが、文字がズレてしまうのは、フォントが等幅ではなくプロポーショナルだからだと思います。

1つ目の方法。等幅フォントを指定する

<font face="フォント名">文字</font>

フォント名の所に等幅フォント名を指定します。
（例：MS ゴシックなど）

2つ目の方法。テーブルを組む。
テーブルのタグについてはこちら。
（基本）
（セルの大きさ指定）
（セル内での位置指定）
上記のページを参考にテーブルを組み、セルの大きさを指定して、真ん中寄せにするとそんなにバラバラな感じにはならないのではないかなと思います。
ただし、テーブルを組むのが少々大変かもしれませんのでお勧めは出来ません。

この説明で分からない所がありましたら、コメント欄からお尋ね下さいませ。