css简单问题,如何将中间LOGO部分和导航内容在NAV中居中对齐？

    
    
    
        body{ background-color:rgb(46,46,46); margin:0px; padding:0px;}
        nav{width:100%; height:64px;position: relative; background-color: #FFF}
  
      nav ul{position:absolute;left:50%;height:64px;padding-left: 181px;
 margin:0px; background: url('images/lo.png') left center 
no-repeat;background-size:181px 64px;transform: translateX(-50%);}
        nav ul li{ float:left; }
        nav ul li a{text-decoration:none; text-align:center; background:#CCC; display:block; padding:0 10px; line-height:64px;}