IEで見るとリストの左に変な余白が出る

ピクルスとか、真子の醤油漬けとか、「食材を瓶漬にする」行為にハマりつつある yuka です。
幸い、自宅の冷蔵庫が小さくて、あまりスペースがないため歯止めがかかっていますw

さて、今日は WP のテーマと戯れるお仕事をしていたのですが
IE の互換モードで表示確認すると、あれ……?
リストタグを使ってコーディングした部分で、左側に意図しない余白が:shock:
うっかり変な margin とか padding を付けちゃってるわけでもないし
別のところで使ってるスタイルが影響しているわけでもなさそう。
謎の余白の正体が判らずに悶々としていましたが、どうやら IE のバグだったようです。

変な余白が付いちゃってる li要素 に、【list-style-position: outside;】を付けることで解決しました:hoshi1:
こんな感じに↓

ul li {
list-style-position: outside;
}

float を使って横並びのリストにした時に出る変な隙間の事は知ってたけど、
普通に使った時にもこういう事があるとは:kaomoji3:

トラックバックURL

コメントを残す

メールアドレスが公開されることはありません。