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>