在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;}

然而，当我使用这段代码时，它会将所有内容集中在一起，但会将它们整合在一起，而不是保持列表的完整性。有什么想法吗？

所以如果我的div最初看起来像这样：
A B C D E F G
使用该代码后，它看起来就像是同一空间中的所有字母。

Answer 1

您的选择器很可能放错地方,

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

这意味着它是两个选择器，一个是#Header #HeaderBg #HeaderIn #Wrapper #TabStrip .level1 li，另一个是ul，适用于所有ul个元素。

您很可能需要删除,，以便只能定位该层次结构中的ul。