HTML列表不会居中

Question

http://jsfiddle.net/pfW2v/39/

<ul style="text-align: center;list-style-type: none;margin: 1;padding: 0;display:inline-block;">
<li style="list-style-position:inside;font: 200 18px/1.5 Helvetica, Verdana, sans-serif;border-bottom: 6px solid #00ff09;width: 80px;">
    <a href="a">TopDave25</a> 1000</li>
<li style="font: 200 15px/1.5 Helvetica, Verdana, sans-serif;border-bottom: 6px solid #00a806;width: 80px;">
    <a href="b">Masterchief36</a> 400</li>
<li style="font: 200 10px/1.5 Helvetica, Verdana, sans-serif;border-bottom: 6px solid #0d6b1d;width: 120px;">
    <a href="#">Your Username!</a>
</li>

上面是一个显示我的列表的链接，我必须使用内联HTML（不能使用CSS样式表或<style>HTML，但是text-align: center;什么也没做，我尝试使用Google搜索，但似乎不想居中

Answer 1

将其放在div中：

div
{
    width: 100vw;
    text-align: center;
}