我将我的ul li添加到一个单元格中，但是它粘在左边，希望桌子显示在中心

Question

想让这个在页面的中心休息，但我还没想出怎么做。有线索吗？

<div id="footerband">
    <div id="footer">
            <ul>
            <li>About</li>
            <li>Website by Michael Guerrero</li>
            <li class="spacer">Terms & Conditions</li>
            <li>KvK: 58274847</li>
            </ul>
        </div>
    </div>

这是css：

#footer {
    margin: 0 auto;
    display: table;
    height: 93px;
    width: 100%;
    text-align: center;
}

#footer li {
    display: table-cell;
    height: 93px;
    width: 16.666666667%;  /* (100 / numItems)% */
    line-height: 87px;
    text-align: center;
    white-space: nowrap;
} 

Answer 1

我添加了一个边框，只是为了让每个单元格都可见，但实际的更改是display属性......

#footer li {
    display: inline-block;
    height: 93px;
    width: 16.666666667%;  /* (100 / numItems)% */
    line-height: 87px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid silver;
} 

Answer 2

尝试将此添加到您的CSS：

ul {
    width: 70%;
    margin: auto;
}