html - CSS styling navigation buttons -

You can try an attempt on what you are trying to do here:

I I want to have the navigation automatically to set the padding so that they can spread across the entire width of the inner cover, so if I took one or took one, then they will still be centered and the padding of each Lee will be made for it. Will increase / decrease for

I'm currently running the last navigation to add padding to everyone on the right side of da and to try to get it as full length as possible. So this is almost how I want to see it, but between the last two items I have a place that I can get rid of.

Is this possible? Thanks for any help.

I believe this is & lt; IE8, but you can always provide the float or display: inline-block fallback to those browsers using conditional stylesheets.

example

CSS

  ul {display: table; Width: 100%; } Ul li {display: table-cell; } Ul li a {display: block; Width: 100%; Height: 100%; Text align: center; }   
.  
 With another  li , you will see that CSS is static: p