Center Align Div Without Knowing Width?

Take a look at this structure:


Centering of the #NAV element works fine as long as I don't put another .ELEMENT in there (due to the dynamic nature of the site, there may be more than 4, as well as less than 4. I need something that will work in all situations).

I want to center the #NAV element inside the parent DIV without specifying the width (900px in this case).

Is this possible?

 

Yes, it is. Use min-width; xx; and max-width: xx; property. For max width, put 100%, and for min width put any width. The nav will change it's width according to the divs inside, however they have to be relative. But why actually?? If you want to add another element, just change the width.

 

.nav {
display: block;
margin: 0 auto;
max-width: 99%;
min-width: 50px;
}