無序列表項目沒有正確對齊中心？

Question

我在HTML5中有2個項目，我想中心（水平）對齊它們。但是保證金：0 auto;沒有工作，我能想到別的嗎？

HTML5代碼

<section class="fourth"> 

<div id="Top"> Top </div> 


    <ul class="topUL" > 


    <li class="topthings"> List 1 </li> 
    <li class="topthings"> List 2 </li> 

</ul> 

CSS

因爲我想沒有工作的方法，所以我從代碼中刪除他們這確實是一個簡單的CSS代碼。

.fourth { 
height: 35em; 
width: 100%; 

/** STYLE **/ 
background-color: #0099FF; 
} 

#Top { 

height:auto; 
width:inherit; 
text-align:center; 

/** FONT STYLE **/ 

font-family: 'Wire One', Gadget, sans-serif; 
color: White; 
font-size: 150px; 
} 

.topthings { 

display: inline-block; 
margin: auto; 

/**FONT STYLE**/ 
font-family: 'Tulpen One', Gadget, sans-serif; 
color: White; 
font-size: 75px; 
} 

鏈接到它現在的樣子。

https://drive.google.com/file/d/0B27I0PqG2ru9eTByOTJsbTd2c1U/edit?usp=sharing

我想 '列表1' 和 '列表2' 這個詞下同樣對齊 「頂」

Answer 1

添加到您的樣式表：

.topUl { text-align: center; } 

Answer 2

不要有足夠的代表評論，但你有沒有試過簡單地將text-align: center添加到.fourth類？

.fourth { 
height: 35em; 
width: 100%; 
text-align: center; 

http://jsfiddle.net/W92Q5/

Answer 3

添加一個CSS規則UL標籤

.topUL{display:block;text-align:center;} 

看到演示http://jsfiddle.net/2w34K/1/