2-3编程请老师来看看检查检查

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    *{margin:0;padding:0;}
    .nav{
        max-width:1100px;
        width:1100px;
        height:100px;
        background:black;
        color:white;
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-50px;
        margin-left:-550px;
    }
    .nav-logo{float:left;}
    .nav-right{
          line-height:100px;
        text-align:center;
        float:right;
    }
    span{
        margin:0 40px;
    }
    
  </style>
</head>
<body>
 <div class="nav">
     <div class="nav-logo"><a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png" /></a></div>
     <div class="nav-right">
         <span>课程</span>
         <span>职业路径</span>
         <span>实战</span>
         <span>猿问</span>
         <span>手记</span>
     </div>
 </div>
</body>
</html>

慕瓜9263510 2017-11-15

源自：CSS网页布局基础 2-4 编程练习