html - <li> 位于页面中央

Question

我有这个 HTML 代码:

<div id="site">
<ul>
<li><a href="http://roblox.com/Orinthian-Soldier-item?id=111514918&rbxp=61629949">Orinthian Soldier</a></li>
<li><a href="http://roblox.com/Sk8r-Boi-item?id=16101707&rbxp=61629949">Sk8r Boi</a></li>
<li><a href="http://roblox.com/Tokyokhaos-Super-Happy-Fun-Monkey-Companion-item?id=15857967&rbxp=61629949">Tokyokhaos Super Happy Fun Monkey Companion</a></li>
<li><a href="http://web.roblox.com/Dangerface-item?id=44561190&rbxp=61629949">Dangerface</a></li>
<li><a href="http://web.roblox.com/Captain-of-the-Pikemen-item?id=52556526&rbxp=61629949">Captain of the Pikemen</a></li>
</ul>
</div>

这是我的 CSS:

#site {
 background: #fff;
 max-width: 1075px;
 margin-left: 120px;
 margin-right: 120px;
 box-shadow: 0px 0px 15px 0px #000;
 padding: 2px;
 -moz-box-shadow: 0 0 15px 0px #000;
 -webkit-box-shadow: 0 0 15px 0px #000;
}

#site p {
 text-align: left;
 margin-right: 30px;
 margin-left: 30px;
}

#site h1 {
 text-align: center;
}

#site h2 {
 text-align: left;
 margin-right: 30px;
 margin-left: 30px;
}

#site h3 {
 margin-right: 30px;
 margin-left: 30px;
 text-align: left;
}

问题在于 <li> 标记中的文本位于页面的中心；我该如何解决这个问题？ http://prntscr.com/6y5c3j

非常感谢。

Answer 1

我已经测试了你的代码，没有任何问题。 http://tinypic.com/r/4uyvwk/8

也许以 <li> 为中心标签是因为你的其他CSS？