【CSS】实现导航栏（图标+文字）

    
    
    
    



    
中国的大企业
    

        
百度
        
抖音
        
哔哩哔哩
        
腾讯
    

结果：

------------------------这是一条分割线------------------------------------------------

实现上面这种横排效果，只要加上 float:left;和 margin-left: 18px;
------------------------这是一条分割线------------------------------------------------blog.csdnimg.cn/ecf7d05b908e4128a0cafe99dd52bd8d.png#pic_center)
另外：我还发现一个问题：
li元素就算是清除了样式，原来那个小黑点占据的位置依旧还在


但是，我发现还是不对，如果不写ul元素，清除样式后，小圆点就不会占用位置
所以，问题在于ul元素：

    
"padding-left: 0;">
        
1
        
2
        
3
        
4
        
5
        
6

    

清除掉ul的占用：

"
padding-left: 0;">"

加上这个，就可以让导航栏紧贴这浏览器左边：