li要素のマージン/パディング

Question

マージン/パディングのこの奇妙な影響を修正するにはどうすればよいですか？ （jsfiddle）：i.imgur.com/64S8C.jpg li要素に余白/パディングは必要ありません。

Answer 1

floatプロパティ使用してみてください：

li img { 
    float: left; 
} 

またはvertical-align：

テキストと画像の周りの余分なスペースがあるためマージンやパディングを作成されていない

li img { 
    vertical-align:middle; 
} 

Answer 2

が、理由はどのようにし画像はテキストに対して垂直方向に揃えられます。

イメージにvertical-align: middleを設定すると、あなたが望むものに非常に近いものになります。それを完璧にするには、画像の位置をマイナスの余白で調整して、必要な場所に配置します。次の（jsfiddle）は私のためにうまくいきます：

li img { 
    vertical-align: middle; 
    margin-top: -3px; 
}