Coding Architecture

imgはインライン要素なので、文字可変するとline-heightが影響するのでずれる。
display:block;をimgにつけると。画像が動かない。
aタグで囲んでるときは、aタグにも、display:block;をつける。
それでも、動く場合は、親要素に、line-height:0;font-size:0;など、数値を絶対値で指定する。

※でも、font-size:0;を指定すると画像を読み込んでいるときにaltのテキストがブラウザに表示されない。よくないね。

imgを囲っているコンテナ要素にheightかclearfixを指定して、imgにfloat:left;かfloat:right;を指定すると固定できる。自分のメモなので、もっと調べてみようかな。

例：
li {
line-height:0;
font-size:0;
}

もしくは、
ul {height:**px;}
か
ul.clearfix{ } //自分が使っているclearfixを指定する。


li  img{
float:left;か
float:right;
}