Home/ Questions/Q 8866923
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T16:53:59+00:00

I have created the following and removing padding and margin but when I view

  • 0

I have created the following and removing padding and margin but when I view in Firebug, there is a 40px I don’t understand where it is coming from:

<html>
<head>
<style type="text/css">
    ul{
        list-style: none;
        margin: 0
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    li{
        margin: 0;
        padding: 0;
    }
</style>
</head>
<body>
    <ul>
        <li>Item 1</li>
        <li>Item 1</li>
        <li>Item 1</li>
        <li>Item 1</li>
        <li>Item 1</li>
        <li>Item 1</li>
        <li>Item 1</li>
    </ul>
</body>
</html>

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s your problem:

     <style type="text/css">
        ul{
            list-style: none;
            **margin: 0**
            padding-left: 0;
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
        }
        li{
            margin: 0;
            padding: 0;
        }

</style>

    As you can see, theres a semicolon missing at

    margin: 0

    Just add the semicolon after that line and its fixed 🙂

    • 0