html - 为什么我的 li 文字没有水平居中？

Question

为什么我的文字在<li>元素没有水平居中？

ul和 li的CSS在下面，我设置了horiz-align: center;在li :

#banner ul{

    list-style: none;
    height: 30px;
    padding: 0;
}

#banner ul li {

    float: left;
    margin: auto 0;
    height: 30px;
    line-height: 30px;
    width: 100px;
    horiz-align: center;
}

Answer 1

您应该使用 text-align 来设置对齐方式:

text-align:center;

text-align 规定文本在元素中的对齐方式。