html - 我将我的 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

尝试将此添加到您的 CSS:

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