button - ボタンを水平方向にセンタリングする

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;
}
/*