无法摆脱头部的神秘链接

Question

所以我的问题是我无法从“用户名”和“密码”中删除链接 有人可以帮忙吗？它是我的第一周编码，我到处搜索。

 #top_logo {
   width: 80px;
   height: 80px;
   float: left;
 }
 #top_nav {
   float: left;
 }
 #top_nav ul li {
   float: left;
   padding: 30px 30px;
 }
 #top_nav ul li a {
   text-decoration: none;
 }
 #kirjautuminen {
   float: left;
   padding: 30px 10px 30px 100px;
   text-decoration: none;
 }
 #headerspace_1 {
   clear: both;
 }

<header>
  <img id="top_logo" src="icon_tab.png" />
  <nav id="top_nav">
    <ul>
      <li><a href="https://www.google.fi">Main</li>
				<li><a href="https://www.yahoo.com">Classes</li>
				<li><a href="https://www.hs.fi">About us</li>
				<li><a href="https://www.yle.fi">Contact</li>
			</ul>
		</nav>
		<form id="kirjautuminen">
			Username: <input type="text" name="username">
			Password: <input type="password" name="password">
			<input type="submit" value="Kirjaudu">
		</form>
		<div id="headerspace_1"></div>
	</header>

   

Answer 1

您需要在导航栏中关闭锚点/超链接标记。

<nav id="top_nav">
    <ul>
    <li><a href="https://www.google.fi">Main</a></li>
        <li><a href="https://www.yahoo.com">Classes</a></li>
        <li><a href="https://www.hs.fi">About us</a></li>
        <li><a href="https://www.yle.fi">Contact</a></li>
    </ul>