How to remove padding from a li element?

Question

I have a Popular post widget whose css is modified by me at the blogger-template. When I save the template, My website shows a .7em padding on top and bottom of each li element of the Popular Post Widget,(Seen by Inspect Element). But in the css I have not given any. Even the whole template does not contain any padding of .7em. I have forcefully removed the gaping by negative margin in the li tag. But that makes a little problem in the hover effect. and as there is no provision of negative padding, what to do in such situation. Any idea?

Answer 1

Try the obvious:

li { 
    padding: 0; 
}