テキストをHTML、CSSに変換しています。

添付画像の[CONTENTS]、目次ページをHTMLとCSSで作成しなくてはならなくなりました。

文字の大きさ、色の調整、’line-height’、’marigin'などを使い凡そのレイアウトはうまくいきました。

（質問１）
わからなかったのが、CONTENTSの右横にある赤の点線です。
これは

を使って'dashed'などをかけてみたのですがうまくいきませんでした。
文字の横ではなく、文字の下側のラインに点線が出来てしまいます。
これは第１章の各項目でも同じことが言えます。文字の右横。文字の高さの中心と同じ高さに点線が作れません。

「 01 エクセルを起動・終了する ---------------------------------- 010」

うまく行く方法をご存知の方いらっしゃいましたら教えてください。

（質問２）
リストの左揃えはタグ

に’margin-left’をかけて揃えています。
リストのページ（数字）を右端で揃えるには同様に'margin-right'でうまくいきますか？
点線の長さや、リストの文字数を勘案しても添付画像のようにキレイに右端で揃えるには
どうやったらよろしいでしょうか？

慣れないHTML、CSSで苦労しています。
ご教授お願い致します。

ちなみにこのリストは

で作成しています。

CONTENST ---------------------------------------------------------------------
目次

【第一章】これだけは知っておこう

01 エクセルを起動・終了する ---------------------------------- 010
02 ウィンドウの構成を知る ------------------------------------ 012
03 ワークシートの構成を知る ---------------------------------- 014
04 ファイル(ブック)を保存する -------------------------------- 016
05 保存した(ブック)を開く ------------------------------------- 018
06 Column 他のバージョンで開くには？------------------------- 020