水平居中按钮

Question

我已经搜索了每个地方的答案，以便如何对齐我的家，联系等按钮，这些按钮位于我的xhtml页面的底部，我已经尝试了我找到的所有内容，但我无法做到:(我有尝试设置CSS代码，html代码一切，没有用。

Answer 1

这是一个简单的设置，允许块元素（demo）的居中：

HTML

<div id="footer">
    <ul>
        <li><a href="#">Item One</a></li>
        <li><a href="#">Item Two</a></li>
        <li><a href="#">Item Three</a></li>
        <li><a href="#">Item Four</a></li>
        <li><a href="#">Item Five</a></li>
    </ul>
</div>

CSS

#footer {
    text-align: center;
}

ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

ul li {
    background: #eee;
    display: block;
    float: left;
    list-style: none;
    margin: 0 3px;
    padding: 0 10px;
}

/* Add this conditionally for less than IE7 inline-block support
ul {
    display: inline;
    zoom: l;
}
/*