divに複数のli/ulを配置する

Question

私はdivを持っていて、内側はliとulで、私は水平に中心を置いています。私はこのコードを使用する場合

#Header #HeaderBg #HeaderIn #Wrapper #TabStrip .level1 li, ul {margin:0 !important; position: absolute !important; top: 50% !important; left: 50% !important; margin-right: -50% !important; transform: translate(-50%, -50%) !important;} 

は、しかし、それはすべてのものを中心に、しかし、リストの整合性を維持するのではなく、それらを一緒にsmushes：私は現在、このコードを使用しています。何か案は？

がもしそうなら、私のdivは、もともと次のようになります。そのコードを使用した後
A B C D E F G
、それだけで同じスペース内のすべてのこれらの文字のように見えます。

Answer 1

あなたのセレクタは、最も可能性の高い置き忘れ,

#Header #HeaderBg #HeaderIn #Wrapper #TabStrip .level1 li, ul {} 
                 ^

だったこれは、2つのセレクタ1が#Header #HeaderBg #HeaderIn #Wrapper #TabStrip .level1 liであり、他はすべてulの要素に適用されるulであることを意味しています。

,を削除する必要がありますので、その階層のulのみをターゲットにすることができます。