東京・小金井市のWEB制作会社の豆知識

MEMORANDUM

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

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

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

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

片寄輝生: 株式会社衆代表/WEB制作者; 実務20年。
Web制作全般に携わり、企画・設計から実装・運用まで一貫して対応。
現場で得た知見をもとに、実践的な内容を中心に発信しています。

RANKING