Css Can';不要让导航栏居中

Css Can';不要让导航栏居中,css,html,centering,Css,Html,Centering,我尝试了很多不同的东西,但不明白为什么它不会集中。任何帮助都会很棒 nav{ 字号:18px; } 保险商实验室{ 列表样式类型:无; 显示:内联块; } 李{ 显示:内联块; } 李阿{ 颜色:#F55F5F; 填充:10px 15px; 文字装饰:无; 文本对齐:居中; } 您可以做两件事来将ul居中: 将text align:center添加到nav以使ul居中 重置ul的默认左填充 请参见下面的演示: nav{ 字号:18px; 文本对齐:居中; } 保险商实验室{

我尝试了很多不同的东西,但不明白为什么它不会集中。任何帮助都会很棒

nav{
字号:18px;
}
保险商实验室{
列表样式类型:无;
显示:内联块;
}
李{
显示:内联块;
}
李阿{
颜色:#F55F5F;
填充:10px 15px;
文字装饰:无;
文本对齐:居中;
}


您可以做两件事来将
ul
居中:

  • text align:center
    添加到
    nav
    以使
    ul
    居中

  • 重置
    ul的默认左填充

  • 请参见下面的演示:

    nav{
    字号:18px;
    文本对齐:居中;
    }
    保险商实验室{
    填充:0;
    列表样式类型:无;
    显示:内联块;
    }
    李{
    显示:内联块;
    }
    李阿{
    颜色:#F55F5F;
    填充:10px 15px;
    文字装饰:无;
    文本对齐:居中;
    }
    
    

    只需将文本对齐到导航中心即可

     nav {
         text-align: center;
      }
    
     nav {
         text-align: center;
      }