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;
}