2011-08-09 8 views
2

HTML ULリストに問題があります。次のサンプルを参照してください。 http://uploads.demaweb.dk/li.html複数のHTML ULリストを集中する方法

私は2つのメニューをオンラインで中央に表示したいと思います。どうやってやるの?

メニュークラスのdiv内の内容は、CMSによって生成されるため変更できません。

+1

あなたは明確にすることができvertical-align:top;

.menu { margin:auto; display:inline-block; vertical-align:top; } 

改訂例を追加しますか?それは明らかではない。 –

+0

すみません。この画像は、私がどのようにしたいかを示しています:http://uploads.demaweb.dk/li.png – dhrm

答えて

1

あなたはこれを行うことができます...私は正しく

.menu

.container { 
    width:800px; 
    background-color:#e0e0e0; 
    text-align:center; 
    } 

    .menu { 
    margin:auto; 
    display:inline-block; 
    } 

例に.container

display:inline-block;text-align:center;を追加質問を読んでいる場合:http://jsfiddle.net/jasongennaro/8BAjV/

EDIT

あなたの解決策はほとんど働いている - リストは同じ高さを持っていない状況から除いて。その場合

、あなたがリストを配置したい場所をhttp://jsfiddle.net/jasongennaro/8BAjV/2/

+0

リストが同じ高さを持たない状況を除いて、あなたのソリューションはほとんど機能しています。この例を参照してください:http://uploads.demaweb.dli/li2.html – dhrm

+0

上記の@Dennisを参照してください。 –

+0

ありがとうございます - あなたの編集は私の問題を解決しました! – dhrm

関連する問題