UL,LIリストマーカーに好きな文字を

HTML/CSS
  • ほげ
  • ふが
  • このように長い文字列でもちゃんとリストマーカーで字下げ（インデント）が効くようにします

HTML

<ul>
  <li>ほげ</li>
  <li>ふが</li>
  <li>このように長い文字列でもちゃんとリストマーカーで字下げ（インデント）が効くようにします</li>
</ul>

CSS

ul { list-style:none; }
li { text-indent:-1.3em; padding-left:1.3em; }
li:before { content:"\2665"; margin-right:0.3em; color:#f7b; }

「.3em」の数字を3箇所とも揃えると、改行された時の字下げがきれい。
数字の増減でマーカー右側の余白長さを調節する。

「content:”\2665″」は文字参照（実体参照）で、いろんな記号文字が使える。
http://www.liufeng.info/pc/html/chara.html