列表右移

Question

我似乎无法弄清楚如何让我的链接列表完全居中。它似乎转移到我的右边。对于这个非常简单的问题我很抱歉，我是新手。

http://jsfiddle.net/mzm7szqn/

        ul{
            text-align:center;
            width:450px;
            margin:0 auto;
            font-family:arial;
            list-style-type:none;
        }
        li{
            font-family:osr;
            display:inline;
            padding: 5px;
        }

<ul> <li><a href = "#">Web Page</a></li> <li><a href = "#">After Effects</a></li> <li><a href = "#">Premiere</a></li> <li><a href = "#">Ableton Live</a></li> <li><a href = "#">Blender</a></li> <li><a href = "#">Auto CAD</a></li> </ul>

Answer 1

添加填充：0;到ul风格。所以它会是：

        ul{
            text-align:center;
            width:450px;
            margin:0 auto;
            font-family:arial;
            padding: 0;
            list-style-type:none;
        }

Answer 2

您的<ul>有一个继承的20px;填充。尝试添加此

ul{padding: 0 !important;}