Remove Extra Space at Bottom of HTML List Item

Question

Is there any way to remove the extra space displayed at the bottom of an HTML List Item tag without setting a fixed height on the list item? I.e. I would like the li

Answer 1

li is wrapped in ul, which by default has some padding. Therefore as @Michael said, you have to zero out the padding of the ul element.

To avoid these problems, always try to use reset.css.

FYI: Browsers apply a default CSS on web pages. That's why you see h1 elements that big when there is no CSS in your site. Because browsers have a default CSS. And since browsers come from different companies, they have different default CSS. For example, a browser may use 10px of margin for paragraphs, while another browser user 12px. This means that you have always inconsistencies in your design. But a CSS reset is made of some general rules that removes these default CSS styles.