Ränder/Abstände in einem li-Element

Question

Wie behebt man diesen seltsamen Effekt von Margin/Padding? (jsfiddle): i.imgur.com/64S8C.jpg Ich brauche keine Ränder/Paddings im li-Element.

Answer 1

Versuchen Sie, die float Eigenschaft mit:

li img { 
    float: left; 
} 

oder vertical-align:

li img { 
    vertical-align:middle; 
} 

Answer 2

Der zusätzliche Platz um den Text und Bild ist nicht wegen der Ränder oder Polsterungen geschaffen, sondern weil, wie die Bild ist vertikal in Bezug auf den Text ausgerichtet.

Durch die Einstellung vertical-align: middle auf das Bild werden Sie ganz nah an was Sie wollen. Um es perfekt zu machen, passen Sie die Bildposition mit einem negativen oberen Rand an, bis es genau dort sitzt, wo Sie es wollen. Folgendes (jsfiddle) funktioniert gut für mich:

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