リスト全体の余白を調整する

margin の値には auto（自動）を指定することもできます。 マージンとパディングの指定については、以下のページをご覧ください。 ボックスのマージン（外側の余白）を指定する ボックスのパディング（内側の余白）を指定する デフォルトの余白を取り除く方法 一般的なブラウザでは、リストの周囲に適度な余白が設定されています。 この余白を取り除きたい場合は、ul要素（またはol要素）に対して次のスタイルを設定します。 ul { margin: 0 0 0 1em; padding: 0; } 左マージンは、少なくともリストマーカー1つ分以上の大きさが必要です。（以下は1つの目安です） ul要素に設定する場合 … 1em 程度 ol要素に設定する場合 … 1.5em ～ 2em 程度 マージンとパディングを 0 にして、左マージンにだけ上記の値を設定する、といった感じになります。 余白の比較 u

[tenchikometen]

ul li マージン

[hujuu]

“ul { margin: 0 0 0 1em; padding: 0; }”

[karauma]

リストの”●”←マークが親ボックスからはみ出る時の対処

[keikoyamada1223]

リストの隙間をなくすため。

[pippiyuki]

リストの数字や●がIEでもFFでも同じような位置にくるCSS

[mtoy]

助かった・・・ありがとう

[dekirukana_hate]

リスト

[silverscythe]

見てるだけでキレそう

[tomoppe_day]

リストの左余白を各ブラウザ同じにみえるようにする

[misaquo]

ul、liタグの余白について。あとで読む。

[teru-7]

リストの調整

[llil]

ブラウザ別の表示例/わかりやすい/「ul 要素（または ol 要素）にマージンやパディングを指定すると、リストマーク（マーカー）がはみ出てしまったり、ブラウザによって表示位置が異なってしまう場合があります」

[qinmu]

ul 要素にマージンやパディングを指定した場合のブラウザごとの表示の違い。ul{margin:0 0 0 1em;padding:0;}を指定すると、いずれのブラウザでも同じ表示になる！

[xlc]

ブラウザによる li のボックスの違い

[tpex_ovon]

リストのCSS適用のIE、FF、Operaの各比較。

[crystaline]

すごく困ってた。このページがありがたすぎる。

[tomtit]

list

[eclucifer]

ul 要素の margin と padding のブラウザごとの表示の違いを比較。