核心提示：用ulli做一个导航条!DOCTYPE htmlhtmlheadmeta charset=utf-8stylep{border:1px solid pink;}p ul{list-style: non...
用ulli做一个导航条
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p{
border:1px solid pink;
}
p ul{
list-style: none;
padding:0;
}
p ul {
float: left;
}
.clear:after{display:block;clear:both;content:".";visibility:hidden;height: 0;}
.clear{zoom:1;}
p ul li{
float: left;
margin-left:10px;
}
#title_center{
margin:0 auto;
width:400px;
}
</style>
</head>
<body>
<p>
<p class="clear" id="title_center">
<ul >
<li><a href="#">主页</a></li>
<li><a href="#">工作日志</a></li>
<li><a href="#">设备运行记录</a></li>
<li><a href="#">其他</a></li>
</ul>
</p>
</p>
</body>
</html>
