<ul>要素の左余白を調節する

スタイルシートを使えばウェブデザインは思いのまま！ページ管理も楽になり、大幅なデザイン変更も楽になっちゃうよ！スタイルシートを使いこなして脱入門者になろう！サイト作りの基礎を学びたい方は >> 本館ウェブマイスタｰ	さくらインターネットたった１２５円という破格の値段で高機能なレンタルサーバー。業界最大手で安心して使えるよ。３ヶ月無料キャンペーン実施中!!　レンタルサーバーのSpeever 一番高いプランも今なら無料だよ

<ul>要素の余白

リスト作成の<ul>はよく使われる要素の一つ。

しかし、この左余白をなくしたいことが多々ある。
単純にCSSでマージン調整をしても良いが、ブラウザによって動作がことなっている。
ここで、IEでもNNでもほぼ同じにしたい場合を紹介する。

IEでは、UL要素のマージンの数値はリストの文字先頭を０としている。
すなわち、 margin-left:0px; とした場合、左の●は通常の文字先頭位置よりも左にくることになる。
IEだけを考慮するならば、 margin-left:8px; あたりにしておけば良い。

NN等と同じエンジンのブラウザでは、通常のUL要素の文字位置を０としている。
すなわち、 margin-left:0px; とした場合、何も変化が無い。

次に余白(padding-left)。
余白はIEでは無視され、NNではIEのマージンと同じ動作となる。

これらにより、margin-left:8px; padding-left:8px; とすれば、IEでもNNでもほぼ同じ位置にすることができる。（微妙にずれてはいるが）

ul {
	margin-left:8px;
	padding-left:8px;
}