老師，2-2練習

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">	
	<title>CSS布局</title>
	<style type="text/css">
		*{
			margin: 0;
			padding:0;
		}
		/*此处写代码*/
		.header{
		        width:100%;height:100px;background:yellow;
		}
		.header logo{float:left;}
		.header img{width:200px;height:100px;}
		
		.header .nav{float:right;}
		.header .nav ul{padding-right:100px;}
		.header .nav ul li{float:left;list-style:none;width:80px;height:100px;line-height:100px;}
	</style>
</head>
<body>
	<!-- 此处写代码 -->
		<!-- 頭部 -->
	<div class="header">
	    <div class="logo">
	        <img src="http://img1.sycdn.imooc.com/climg//595dd5120001736902000080.png">
	    </div>
	    
	    <div class="nav">
	        	<ul>
				<li>前端</li>
				<li>後端</li>
				<li>移動端</li>
				<li>數據庫</li>


			</ul>
	    </div>
	    
	    	<!-- 主體 -->
	    	<div class="main"></div>
	    	
	    		<!-- 底部 -->
	    		<div class="footer"></div>
	</div>
</body>
</html>

導航的文字沒法向上移動

慕数据3203843 2019-09-18

源自：项目：网页布局案例 2-2 编程练习