请问代码有错吗，为什么我的网页显示不了<li>的内容，如图，还有为什么不是横着排列？
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>菜单导航栏-购物列表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
*{padding:0;margin:0;}
li,ul{list-style:none}
.nav_bg{background:#ce2626;width:100%;color:#fff}
.nav_content{width:100%;margin:0 auto;height:40px;line-height:40px}
.nav(width:100%px;float:left;margin-left:200px)
.nav li{font-size:16px;font-weight:700;color:#fff;width:80px;float:left;text-align:center;margin-right:15px}
.orange{font-weight:700;color:#f60}
.nav_active{background:#b12121}
a.white{color:#fff;text-decoration:none}
a.white:hover{color: #ff0;text-decoration: none}
</style>
</head>
<body>
<!--菜单导航栏 start-->
<div>
<div>
<ul>
<li><a href="shoppingIndex.html">首页</a></li>
<li>
<a href="shoppingShow.html">最新上架</a></li>
<li>品牌活动</li>
<li>原厂直供</li>
<li>团购</li>
<li>限时抢购</li>
<li>促销打折</li>
</ul>
</div>
</div>
<!--菜单导航栏 end-->
</body>
</html>
qq_我是小笨熊_042795222回答
-
慕雪8588896
标绿线的最后要加分号，标红线的地应该是不对的，应该为ul空格li
随时随地看视频慕课网APP
Html/CSS