WEB制作のメモ帳

衆トップページ -> WEB制作のメモ帳 -> css -> 「ul(ol)」の余白を取り除く

「ul(ol)」の余白を取り除く

2011-05-09

css

リストの余白を取り除くときに「margin:0px」としてしまうと
ブラウザによってはリストマーカーも表示されなくなってしまう。
この余白のうまい取り除き方があったのでメモ

左マージンは、リストマーカー1つ分以上の大きさが必要(以下は1つの目安)
ul要素に設定する場合:1em 程度
ol要素に設定する場合:1.5em 〜 2em 程度
マージンとパディングを「0」にして、左マージンにだけ値を設定する感じらしい

無料ホームページ素材

SOURCE
ul{
margin: 0 0 0 1em;
padding: 0;
}

WEB制作の定番書