2-4编程练习请帮助完善

<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    /*此处写代码*/
    body{
        margin:0;padding:0;color:#fff;text-align:center;
        
    }
    .yuansu{
        width:1100px;height:100px;
        background:#000;
        position:absolute;
        top:50%;left:50%;
        margin-top:-50px;
        margin-left:-550;
        overflow:hidden;
        zoom:1;
    }
    .loge{
        width:200px;
        height:80px;
        margin:0 40px;
        float:left;
    }
      a{
         text-decoration:none;
         font-family:"微软雅黑";
         font-size:25px;
         color:#fff;
         padding:0 20px;
         height:80px;
         line-height:80px;
         display:block;
    }
    .dao {list-style:none;
         float:right;
         padding-right:40px;
         overflow:hidden;
         zoom:1;
    }
    .dao li{float:left;
            margin-right:20px
    }
  </style>
</head>
<body>
  <!-- 此处写代码 -->
  <div class="yuansu">
  <div class="loge"><a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"/></a>
  </div>
  <ul class="dao">
  <li><a href="#">课程</a></li>
  <li><a href="#">职业路径</a></li>
  <li><a href="#">实战</a></li>
  <li><a href="#">猿问</a></li>
  <li><a href="#">手记</a></li>
  </ul>
  </div>
</body>
</html>

江7856 2018-12-25

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