Center x square´s margin

programming web dev
1

Hello everyone,

I got a problem here on how to align my layout to the browser.

I set the wrapper to “margin:0 auto; width:990px” but I also set the squares´s margins to “margin:0 10px 47px 0;” so the right side has always 10 px more than the left side.

The square´s css is:


.square{ 
    width:320px;
    height: 360px;
    float:left; 
    margin:0 10px 47px 0;
}

The link is http://www.laertjansen.com/new/

Does anyone know how can I align the layout to the browser properly?

Thanks a lot in advance.