horizontally align div

[colinod]

I have a page that has rows and columns of divs within a main div and am trying to align them to centre if the divs do not fill the line

example here

http://www.yaketyyak.co.uk/newpages/boys.asp?id=Dutch

the main div css is as follows

#artists {
    float: left;
    height: 615px;
    width: 840px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y: auto;
    top: 180px;
    /* [disabled]background-color: #FFF; */
    padding: 5px;
}

and the internal div for each element is this

.artistboys  {
    /*border: 1px solid #f39617;*/
    width: 85px;
    height: 130px;
    margin-top: 7px;
    margin-right: 7px;
    margin-bottom: 7px;
    margin-left: 7px;
    padding-top: 10px;
    text-align: center;
}

i have tried everything i know but all i can get is a long list of single elemnts under one another??

any help would be appreciated

[Murat Bastas]

if you set your div's margin-left:auto and margin-right:auto, would want to...

Example :

<div style="width:100%; background:green;"><!-- or your width -->
    <div style="width:400px; margin:0 auto; background:red; color: white;">example grid</div>
</div>
 

[colinod]

so would i put the divs that make up my grid in where you have put example grid

thanks

[colinod]

that centres the conatining div but not the items in the grid