Navbar 如何在css中对齐导航栏、在导航栏和背景色之间留出空间?

Navbar 如何在css中对齐导航栏、在导航栏和背景色之间留出空间?,navbar,Navbar,请帮我找出我做错了什么?我什么都试过了,什么都没用。老师的编码风格不同,没有divs或ul、li或id。不能触摸HTML文件,只能创建css和添加背景图片,就像我做的那样。花了一整天打破我的头。 以下是HTML: <head> <meta charset="UTF-8"> <title>Ultimate Frisbee - Home</title> <link rel="stylesheet" href

请帮我找出我做错了什么?我什么都试过了,什么都没用。老师的编码风格不同,没有divs或ul、li或id。不能触摸HTML文件,只能创建css和添加背景图片,就像我做的那样。花了一整天打破我的头。 以下是HTML:

<head>
<meta charset="UTF-8">
<title>Ultimate Frisbee - Home</title>
<link rel="stylesheet" href="css/hw1.css">
</head>

<body>
<header>
    <h1>Ulimate Frisbee</h1>
    <nav>
        <a href="index.html" class="active">Home</a>
        <a href="teams.html">Teams</a>
        <a href="history.html">History</a>
        <a href="http://www.usaultimate.org/index.html" target="_blank">USA Ultimate</a>
    </nav>
</header>
header {
text-transform: uppercase;
text-align: center;
font-size: 16px;
color: #ffffff;
background-image: url("http://intro-webdesign.com/CSS/assignment-2/images/flywheel.jpg");
background-repeat: no-repeat;
background-size: cover;
margin: none;
padding-top: 40px;
}
nav {
margin: 0;
padding: 9px 9px;
background-color: #eae6eef5;
text-align: left;
display: inline-block;
float: center;
justify-content: space-between;
border-radius: 15%;
}