添加 float:left即可横向排列。
添加 display: flex即可横向排列。当设置 display:flex时， float:left会失效。
看你截图，li应该是已经实现横向排列了，只是宽度不够，导致字体竖向显示了。给li设置宽度应该就可以了
很多回答都是设置float属性来排列，其实可以从属性之外的方面设置。鉴于li元素是块状元素，所以元素与元素之间才会换行，现在只要把li元素变成元素之间可以同行的内联块状元素就行了。具体代码如下：li{
display：inline-block；
}
