大家好，这里是初级开发人员，我的网页遇到很多问题。
但主要的一个是我的导航链接和导航栏顶部之间的间隙。
我尝试了很多解决方案，但似乎没有一个有帮助。即使对于网站中的其他问题，我真的很感激任何帮助。请记住，该网站还远未完成，我是初学者。谢谢。
HTML：
<!DOCTYPE html>
<html>
<head>
<link href="dinnerdrone.css" rel="stylesheet"type="text/css"/>
<title>Dinner Drone Site</title>
</head>
<body>
<!-- Code for Header Navgation -->
<div id="topnav">
<ul >
<li class="link"><a href="dinnerdrone.html">Home</a></li>
<li class="link"><a href="contactus.html">Contact Us</a></li>
<li class="link"><a href="login.html">Log In</a></li>
<li class="link"><a href="signup.html">Sign Up</a></li>
<li class="link"><a href="aboutus.html">About Us</a></li>
</ul>
</div>
<!-- Code for title -->
<div id="title">
<p>Dinner Drone</p>
</div>
<!-- Code for subtitle -->
<div id="subtitle">
<p>Your favorite meals in the safest way</p>
</div>
CSS：
/* Body styles*/
body {
font-family:verdana,geneva,helvetica; …