HowToDisableMargin

HowToDisableMargin
0

Hi I try to delete these margin(orange)


Here is code

<html>
    <head>
        <link rel="stylesheet" href="basic.css">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <nav>
            <ul class="container">
                <a href="#"title="click me"class="link"><li>Home</li></a>
                <a href="#"title="click me"class="link"><li>Profile</li></a>
                <a href="#"title="click me"class="link"><li>About</li>
                </a>    
                <a href="#"title="click me"class="link"><li class="logout">Logout</li>
                    </a>
            </ul>
        </nav>
    </body>
</html>
html,body
{
margin:0;
}

.container
{
display:flex;
text-align:center;
background-color:orange;
}
.container > a 
{
list-style:none;
background-color:#2599ec;
flex:1;
justify-content:flex-start;
}
.link
{
color:white;
text-decoration:none;
}

Instead of

html, body {
  margin:0;
}

try this

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

Thank you very much :grinning: :grinning: :grinning: