左对齐表格

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

首先，填充缺少p中的100x，应为100px

第二，不需要margin: 0 auto，如果剩余边距为＆amp;对是自动。

最后，（可选）此布局中不需要text-align。

Answer 2

请试试这个：

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

        }

Answer 3

除去

来自margin:0 auto课程的

max-width:1300px和.grid并添加

width:930px

检查这个小提琴＆gt; http://jsfiddle.net/7jW8y/9/