リストマークを外側につけて、リスト全体(ul)のインデントを調整したい。
まずインデントを「削除」するには、
li,ul {
padding: 0;
margin: 0;
}
ブラウザによってmarginかpaddingで勝手にインデントをつけるそうなので
両方初期化。
でインデントは無くなるのだけど、そうするとリストマークが
ボックスの外に出て表示されなくなってしまうので
ul {
list-style-position: outside;
padding-left: 10px;
padding-top: 10px;
}
で調整ぃっと。
★今回つまずいたポイント
ボックスにpadeingで10pxの余白を取ったところに
上記の方法をやってみたら調整がうまく出来なかった。
当たり前か。
けどemで指定したら有効(ボックスの指定が無視?)だった。
コメントする