cssで文字のみ右にずらす方法はないのでしょうか？

Question

お世話になっております。

☆カテゴリ１
☆カテゴリ２
☆カテゴリ３

とのリストを作成したいと思っております。

div#categories ul li{
   background: #fff url(images/star.jpg) -2px 2px no-repeat;
}

div#categories ul{
   margin-left: -30px;
}/*とやっても☆ごと移動してしまう……*/

とやったら☆とカテゴリが重なってしまいます。

文字のみ右にずらす方法は無いのでしょうか？
どのように表記するのがベストなのでしょうか？

上記お問い合わせいたします。

Answer 1

HTMLのほうがどうなってるのかわかりませんが、

div#categories ul li {
  padding-left: 30px;
}

とかすればいいと思いますが。

Comments

[moitaro]

ul　の次に　li　を忘れていたためでした。
ありがとうございます。