在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 {} 
                 ^

這意味着它是兩個選擇一個是#Header #HeaderBg #HeaderIn #Wrapper #TabStrip .level1 li，另一個是ul它適用於所有ul元素。

您很可能需要刪除,，因此您只能在該層次結構中定位ul。