center align group of divs

[ktsixit]

Hi all,
I have a group of divs that have the same height but different width and I'd like to position them at the center of another div. It has to look like this


these are the css styles used. How should I change these style to get the layout I want? I want the divs-items be placed in the center of div-outer, one next to another, like in the image.

div-outer{
width:800px;
height:100px;
margin:0;
padding:0;
text-align:center;
}
divs-item{
height:100px;
margin:0;
padding:0;
}

[abduraooft]

I have a group of divs that have the same height but different width [...]

Can you predict/decide the total width of those inner divs?

[ktsixit]

well, the inner divs should have a total width less than 800px, which is the outer div's width.
But I don't know exactly how much this total width is going to be

[Aitchy13]

div-outer{
      width:800px;
      height:100px;
      margin:0 [COLOR="Red"]auto[/COLOR];
      padding:0;
      text-align:center;
}