                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

这样写对吗？为什么上面的内容没有了？？

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>.container{
    float:left;	
    position:relative;	
    left:50%
}    
.container ul{
	list-style:none;	
	margin:0;	
	padding:0;		
	position:relative;	
	left:-50%;
}
.container li{float:left;display:inline;margin-right:8px;}

/*下面是代码任务区*/
.wrap{  
  float:left;    
  position:relative;    
  left:50%;
}
.wrap-center{  
  background:#ccc;    
  position:relative;    l
  eft:-50%;
}
</style>
</head>

<body>
<div class="container">
     <ul>    
         <li><a href="#">1</a></li>       
         <li><a href="#">2</a></li>        
         <li><a href="#">3</a></li>    
     </ul>
</div>

<!--下面是代码任务区-->
<div class="wrap">   
   <div class="wrap-center">我们来学习一下这种方法。</div>
</div>
</body>
</html>

显示的结果是这样的：