css+div 导航条如何横着放

紧接着</head>下面 添加如下：

<style>

li{margin:10px;display:inline;float:left;}

</style>

如果只是设置<li>下面的顺序，紧接着</head>下面 添加如下：

<style>

li{margin:10px;display:inline;float:left;}

hr{

border:1px dotted saddlebrown;

}

ul{

margin: 0;

}

li{

list-style: none;

float: left;

margin-left: 30px;

}

a{

text-decoration: none;

color: darkgray;

}

a:hover{

color: skyblue;

}

</style>