HTML 段落

質問

メモ帳でHPを作っています。
例えば

●グループA
　中学
　高校
●グループB
　親
　兄弟

こんな感じで行と行の隙間を作らないようにして且つ二番目と三番目は最初の一文字分空けてブラウザ上に表示するにはどういったソースを書けばいいのでしょうか？初歩的な質問ですみません、教えてください(>_<)

回答No.3

p-ink

すみませんおっしゃる意味がよくわかりません＞＜

リストと関係なく文字と文字の間のことでしたら、スタイルシートのletter-spacingのことでしょうか？

回答No.2

p-ink

No.1です。
すいませんちょっと質問の内容が違っていたようですね。

<dl>
　<dt>●グループA
　<dd>中学
　<dd>高校
　<dt>●グループB
　<dd>兄弟
　<dd>兄弟
</dl>

もしくは先ほど書いたページを参考にすると
●グループA
　<div>
　 中学
　 高校
　</div>
●グループB
　<div>
　　親
　　兄弟
　</div>

ddとdivはどちらもスタイルシートでmargin-left:1em;で。

補足

回答ありがとうございました!
では

●グループＡ
　☆☆☆☆
●グループＢ
　☆☆☆

みたいに☆を横に隙間ないように並べるにはどうしたらいいんでしょうか。上の回答を参考にしてやってみたのですが☆と☆の間に隙間が出来てしまいます(>_<)

回答No.1

p-ink

これと同じ質問ですかね？
http://okwave.jp/qa4091234.html