如何将网页中的navbar（导航栏）居中显示？

你的导航栏内容无法居中，只需修改两处CSS代码就能解决：

方法一：使用Flex布局（推荐） #

找到#menu的CSS规则，添加flex相关属性，让导航栏内部内容水平居中：

#menu{
    margin: 0;
    font-size: 20px;
    font-family: Arial;
    border-bottom: 1px solid #CCC;
    display: flex;
    justify-content: center; /* 核心：让内部元素水平居中 */
}

方法二：使用文本对齐属性 #

直接给导航栏里的ul标签添加文本居中属性，因为你的列表项是行内类型，父容器设置text-align:center就能让子元素居中：

ul{
    padding: 0;
    text-align: center; /* 核心：让行内子元素居中 */
}

额外规范建议 #

你的HTML里所有<li>标签都未闭合（缺少</li>），虽然浏览器能自动补全，但规范写法应该给每个列表项加上闭合标签，比如：

<li><a href="Web Claro.html" title="Volver al Inicio" id="reinicio">INICIO</a></li>

内容的提问来源于stack exchange，提问作者Alvaro Ramirez