老师，我设置了text-align:center; 但是导航栏没有居中

来源：2-2 编程练习

木子小可爱

2019-08-17 16:06:38

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>IMOOC</title>
   <link rel="stylesheet" href="CSS/imooc.css">
</head>
<body>
   <header>
       <div class="container">
       <a href="#"><img src="http://climg.mukewang.com/582e5f160001b17100400040.png">MYMOOC</a>
       <nav>
           <a class="Home active" href="#">Home</a>
           <a class="Course active" href="#">Course</a>
           <a class="Actual active" href="#">Actual</a>
           <a class="Plan active" href="#">Plan</a>
           <a class="FAQ active" href="#">FAQ</a>
           <a class="Notes active" href="#">Notes</a>
       </nav>
   </div>
   </header>
</body>
</html>

*{
margin:0;
padding:0;
font-family:Arial;
text-decoration:none;
border:0;}
header{
   background-color:black;
   height:80px;
}
header > .container{
   margin:0 auto;
}
header > .container > a {
   display:block;
   float:left;
   margin:20px 100px;
   font-size:24px;
   color:#fff;
}
header >.container > nav {
   float:right;
}
header > .container > nav > a{
   color:#fff;
   font-size:24px;
   height:73px;
   display:block;
   float:left;
   width:110px;
   line-height:73px;
   text-align:center;
}
header > .container > nav > a.Home {
   background:red;
}
header > .container > nav > a.Course{
   background:yellow;
}
header > .container > nav > a.Actual{
   background:green;
}
header > .container > nav > a.Plan{
   background:purple;
}
header > .container > nav > a.FAQ{
   background:orange;
}
header > .container > nav > a.Notes{
   background:blue;
}
header > .container > nav > a:hover,
header > .container > nav > a .active{
   padding-bottom:7px;
}