如何将无序列表横向排序

大多数百度得来的答案都不知道为啥说一定要float一下才可以，不理解这种回答。（尝试过这种办法，可以是可以，但是字都粘连在一块了，很难解决。）

我在书中获得了一种解决办法：

例如我们现在要创建一个导航栏

那么可以用一个无序列表来表示，先写一个nav标签内部包含一个无序列表，颜色背景等css略。

ul{
    list-style-type:none; //删除无序列表的项目符号
}
ul li{
    display:inline;  //横向排序
}

最后这个列表就成为横向的了，而且没有粘连在一块这种问题。另外如果按照大多数百度的办法，我还没有办法解释为何背景颜色不能改变。