Margin 0 auto; failing me

[gl82uk]

Hi

Margin: 0 auto; seems to be failing me

I have set the container to display block, and width 100% but to no avail. I always have trouble getting this to work

Any ideas?

It's with reference to the nav bar text found at
http://www.code-creative.co.uk/pica/

Here is my css
.menu-top-nav-container {
display: block;
margin: 0 auto;
width: 100%;
}

[hackerofsorts]

What are you trying to do, center the container? If so, then drop the '0' and just put auto.

Otherwise, explain a little further what you are trying to accomplish.

HOS

[gl82uk]

hey

thanks for the fast reply! Well I didn't think there was a difference in the 0 I thought it was best practise to have it in there.

It's ok though I've applied margins to each nav entry and used last child to omit the last margin right so its rendering nicely

I was trying to just center align the text

No problems its been a long day cheers again for replying

[bennkingy]

margin:0 auto;

[cbVision]

For centering text, you want to use "text-align: center;" The text in the nav bar already appears centered.

[Major Payne]

Centering:

Centering an element requires setting a width that is less than 100%, using a proper document type and using the CSS property: margin: 0 auto; This is done in the CSS that styles the element. Example:

Example as an ID:

#selector_name{
width: 90%;
height: 600px; /* optional */
margin: 0 auto;

}

Example as a Class:

.selector_name {
width: 90%;
height: 600px; /* optional */
margin: 0 auto;
}

HTML for Class:

<div class="selector_name">Content here</div>

Example as an ID:

#selector_name {
width: 90%;
height: 600px; /* optional */
margin: 0 auto;
}

HTML for Class:

<div id="selector_name">Content here</div>