html - センタリングフッターメニュー

Question

これはhttp://jsfiddle.net/joelupet/9NKzU/のコーディングのプレビューです。

メニューを中心に表示したいと思います。また、id$class を UL 要素構造に追加するなどの代替方法がある場合。

何をすべきか？

Answer 1

これを行うにはいくつかの方法があります！これが私がお勧めするものです。

CSSを次のように変更します。

#footer_menu {
    text-align: center;
    border: 2px solid black;
    background-color:red;
}

#footer_menu ul{
    width:auto;
    overflow:hidden;    
    display: inline-block;
}

実装例については、このフィドルを確認してください。