如何集中这个<ul>？</ul>

Question

到目前为止，我有这段代码：

function changeGeoLoc($a,$b,$c){
echo "<ul style='list-style-type: none; display:inline;'>";

while(list(,$geoloc) = each($a) AND list(,$Details) = each($b)) {
echo "<li style='list-style-type: none; display:inline; padding-right:5px;'>$Details {$c->$geoloc} </li>";
}
echo "</ul>";

}

产生这个：

有谁知道如何让上面的中心位于中间？

任何想法都赞赏。

三江源

更新： 我已尝试将样式设置为块并执行边距：0自动固定但有问题，我需要它沿100％的宽度拉伸，因为字段的IP，城市，地区，国家/地区名称和国家/地区代码将是通过GeoLoc服务自动填写，因此固定宽度为500px是不够大因此它需要是整个宽度，我希望它居中，因为如果有人查看我的网页，有信息不使用整个宽度它会看起来更好居中。 我希望这是有道理的。

Answer 1

试试这个：

<ul style='list-style-type: none; display:block; width:500px; margin:0 auto;'>

Answer 2

如果您想在不提供固定宽度的情况下集中UL的内容，可能最简单的方法如下：

function changeGeoLoc($a,$b,$c){
echo "<ul style='list-style-type: none; text-align: center;'>";

while(list(,$geoloc) = each($a) AND list(,$Details) = each($b)) {
echo "<li style='list-style-type: none; display:inline; padding-right:5px;'>$Details {$c->$geoloc} </li>";
}
echo "</ul>";

}

Answer 3

将ul包裹在div中，然后添加此CSS：

.className {
    margin:0 auto;
}

HTML：

<div class="className">
<ul style='list-style-type: none; display:inline;'>
<li style='list-style-type: none; display:inline; padding-right:5px;'>Stuff</li>
</ul>
</div>

将ul样式更改为block