HTML 表示する文字の位置統一

HTMLで「：」の文字の位置を各項目統一して表示したいのですが、現状です半角スペース（）を大量に使っています。より効率？のよい方法があればご教示お願いします。

＜表示したい文字（例）＞
名前　　　　　：
住所　　　　　：
メール　　　　：
電話番号　　：

<実際に作成したHTML>
<p>名前: </p>
<p>住所: </p>
<p>メール: </p>
<p>電話番号: </p>


よろしくお願い致します。

No.1 ベストアンサー 回答者： PXU10652 回答日時： 2012/12/25 00:02

「HTMLで「：」の文字の位置を各項目統一して表示したいのですが」

　枠線のないテーブルを作り、項目と「：」を別のセルにする。

＜ＴＡＢＬＥ＞
＜ＴＲ＞＜ＴＤ＞名前＜ＴＤ＞：＜ＴＤ＞（名前）
＜ＴＲ＞＜ＴＤ＞住所＜ＴＤ＞：＜ＴＤ＞（住所）
＜ＴＲ＞＜ＴＤ＞メール＜ＴＤ＞：＜ＴＤ＞（メール）
＜ＴＲ＞＜ＴＤ＞電話番号＜ＴＤ＞：＜ＴＤ＞（電話番号）
＜／ＴＡＢＬＥ＞

この回答へのお礼

回答ありがとうございます。
文字の微妙な大きさに依存せずに綺麗に成形できました！
勉強になりました。

お礼日時：2012/12/25 02:20