もう解決されましたでしょうか？
結論から言うなら、丸囲み数字を使う場合は、一 のような全角文字を使いま
しょう、ということです。

>　オートシェイプの「基本図形」の円で、その中に数字を入れる(中略)
「犬」マークの、背面をクリックして作成したのです。

つまり、丸囲み数字を作るために、数字を書いた上にオートシェイプの丸図
形を重ねた、ということでよろしいでしょうか？ このようにして作成した
丸数字を HTMLにした場合、おそらくブラウザでは、まともに見れません。
ためしに Word2000 で上記のように丸数字を作成し、IE 6.0で表示させてみ
たところ、見事にずれました。別のwebブラウザ (Firefox)では丸すら表示
されません。Wordで正しく表示・印刷ができ、IE・Outlookでそれ出来ない
のは、IE，OutlookとWordでは HTMLの処理機構が異なるためです。

そこで、丸囲み数字を使う場合は、１などを変換して一としたものを使いま
しょう。普通にひらがなを感じに変換する要領で、数字をうってからスペー
スで変換してください。ただし、この方法では、

・20までの丸囲み数字しか利用できない
・Linux， Mac OS など Windows 以外の OS ではみることができない

という弱点があります。実際、以上の理由から私は丸囲み数字を好みません。

（私は、あくびをする秋田犬さんの説明を誤解している可能性はあります）