Как убрать это пустое место в навбаре?
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li style="float:left"><a href="#home"><b>Logo</b></a></li>
<li><a href="#home"><b>CONTACT</b></a></li>
<li><a href="#home"><b>SERVICES</b></a></li>
<li><a href="#home"><b>PROCESS</b></a></li>
<li><a href="#news"><b>WORK</b></a></li>
<li><a href="#contact"><b>ABOUT</b></a></li>
<li><a href="#about"><b>HOME</b></a></li>
</ul>
</nav>
</body>
</html>
* {
font-family: 'Open Sans', sans-serif;
}
ul {
list-style-type: none;
}
li {
float: right;
}
li a {
padding: 10px;
color: black;
text-decoration: none;
}
Простой
Средний
