CSSでテキストの間隔を細かく指定する

質問

DW8 CSSでサイトを作っています。
テキストをCSSで細かく設定したいのですが、
どうしても出来ない事があります。
例えば　
Title ： Mutation
Format ： 12”Albamu
コロンを上下同じ位置に合わせて、次のテキストの頭も合わせる事です。
分かる方いらっしゃいましたら教えてください。
初歩的で申し訳ないですが、宜しくお願いします。

回答No.2

leap_day

こんにちは

こんな感じのことでしょうか？
別に<span>でなくても<font>や<p>など何でもいいと思いますが全部で試したわけではありません（－－；）
最後の<div>はfloatを使用しているので一応付けておいてください

<style type="text/css"><!--
span {
display:block;
width:80px;
float:left;
}
--></style>

<span>Title</span>： Mutation<br>
<span>Format</span>： 12”Albamu
<div style="clear:both"></div>

お礼

＞leap_dayさん
試したらバッチリうまくいきました。
<span>でグループ化してあげれば良かったんですね。
ありがとうございます！

回答No.1

noname#96725

こんばんは。
&nbsp;という空白文字を、上下の間隔が合うまで様子を見ながら入れてゆく方法もありますけど、
その方法では自分のPCでは良くなっても他のPCでほかのフォントを使っているとフォント幅の
違いの問題から、微妙に合わないと思います。

なので、考え方を変えてテーブルにするのをご提案します。
テーブルの枠線をborder="0"として見えなくしてやれば良いです。
セル間隔は一番上だけセルごとに<td style="width:30;">などと指定してやります。
寸足らずのセル寸法になっても内容の文字数によって自動的にあわせてくれます。

例；
<table border="0"><tbodey><tr><td style="width:60;">Title</td><td style="width:20;">;</td><td 　style="width:60;">Mutation</td></tr>
<tr><td>Format</td><td>;</td><td>12”Albamu</td></tr></tbody></table>

お礼

＞mariocecさん
今作っているサイトはなるべくテーブルを使わないで
CSSだけで作るようにしてます。
（CSS勉強のため）
しかし、とても参考になりました。
ありがとうございました。