CSS メモ リストのインデント

リストのインデントはこうやってやるらしい。
これから試してみる。

li {
padding-left: 1em;
text-indent: -1em;
/*必要であれば以下も*/
list-style-position:inside;
}

よくあるダメコードは別の要素で見かけだけ揃えているもの。それではロボットは意味がわからないことでしょう。SEO的なことを考えるのならば、リストはリストとして作った方がいい。


もっと良さそうなコードを見つけた。
<ul style="list-style-position: outside">
<li>項目その１</li>
<li>項目その２</li>
<li>項目その３</li>
</ul>

参照はここからでした。
http://yume.hacca.jp/koiki/list/indent.htm


ちなみに、Google検索で次のように探すとたくさん出てきますね。
・「CSSのliリストで2行目以降を一文字下げる」
・「html リスト 複数行」etc...