Left align Form

Question

I'm just trying to align this form to the left side but I can't. I've tried adding left-align to certain parts of the CSS but nothing. If you could also explain how I can align my form to the left for future reference.

Here's the JSFiddle: http://jsfiddle.net/7jW8y/5/embedded/result/

Here's the 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;
}

firstly, padding missing the p in 100x , should be 100px

second, no need margin: 0 auto , it will make the ul center if margin-left & right is auto.

finally, (optional) no need text-align in this layout.

Answer 2

Please try this:

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

        }

Answer 3

remove

margin:0 auto and max-width:1300px from .grid class and add

width:930px

Check this fiddle > http://jsfiddle.net/7jW8y/9/