用ulli做一个导航条-前端--易笔记

用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>
时间：2018/5/11 14:44:39
