请问导航栏的logo部分如何垂直居中

来源：2-2 编程练习

长生生

2019-11-26 11:59:07

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>IMOOC</title>
<style>
    header{
        background:black;

    }
    a{ text-decoration:none;color:white;}
    header>.container>img{
        height:80px;
        line-height:80px;
    }
     header>.container{
         width:900px;
         line-height:80px;
         height:80px;
         margin:0 auto;
     }
     header nav{
         float:right
     }
     header nav>a{
         display:block;
         width:50px;
         height:73px;
         float:left;
         text-align:center;
        
     }
   nav a:hover,
   nav a:active{
       padding-bottom:7px;
   }
     .home{background-color:red;}
     .course{background-color:yellow;}
     .actial{background-color:green;}
         .plan{background-color:purple;}
         .faq{background-color:orange;}
         .notes{background-color:blue;}
         
</style>
</head>
<body>
<header>
    <div class="container">
        <a href=index.html""><img src="http://climg.mukewang.com/582e5f160001b17100400040.png" />MYMOOC</a>
        <nav>
            <a href="#" class="home">Home</a>
            <a href="#" class="course">Course</a>
            <a href="#" class="actial">Actual</a>
            <a href="#" class="plan">Plan</a>
            <a href="#" class="faq">FAQ</a>
            <a href="#" class="notes">Notes</a>
        </nav>
    </div>
</header>
</body>
</html>

写回答

1回答