列表右移

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;}