# Center x square´s margin

**URL:** <https://forum.kirupa.com/t/center-x-square-s-margin/285804>\
**Category:** web dev\
**Created:** [April 6, 2009, 7:40pm UTC](https://forum.kirupa.com/t/center-x-square-s-margin/285804 "2009-04-06T19:40:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![laertjansen](https://avatars.discourse-cdn.com/v4/letter/l/b4bc9f/32.png) [@laertjansen](https://forum.kirupa.com/u/laertjansen)\
**Post date:** [April 6, 2009, 7:40pm UTC](https://forum.kirupa.com/t/center-x-square-s-margin/285804/1 "2009-04-06T19:40:45Z")

</div>

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:

```auto

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

```

The link is [http://www.laertjansen.com/new/](http://www.laertjansen.com/new/)

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

Thanks a lot in advance.