javascript - 左对齐表格

Question

我只是想将此表格与左侧对齐，但我做不到。我试过向 CSS 的某些部分添加左对齐，但没有。如果您还可以解释我如何将表单左对齐以供将来引用。

这是 JSFiddle:http://jsfiddle.net/7jW8y/5/embedded/result/

这是 CSS:

.grid {
padding: 20px 20px 100x 20px;
max-width: 1300px;
margin: 0 auto;
list-style: none;
text-align: center;
}

Answer 1

.grid {
    padding: 20px 20px 100px 20px;
    max-width: 1300px;
    list-style: none;
}

首先，padding在100x中缺少p，应该是100px

其次，不需要 margin: 0 auto，如果 margin-left & right 是 auto，它将使 ul 居中。

最后，(可选)在此布局中不需要 text-align。