Even Distribution of a Menu

I am building a responsive grid-based website. I have 10 grids, so they are each 10% wide. I have a menu set to the class grid_9, meaning it is 90% wide. Now, my problem is trying to get the li's in the ul to evenly distribute themselves across the width. Next issue, the number of menu items is unknown because this will be converted to a Wordpress theme later.

I would include code but basically I have a div with grid_9 wrapped around a ul with the li items inside, because after that, I have no idea where to go.

Any ideas?

Recap: Unknown Width of Page Unknown Number of Items in UL

Solutions

Try adding the following CSS

Option #1

margin-left:auto;
margin-right:auto;

Option #2

text-align:center;

Option #3

 display:inline-block    

Without a link to your site or code it's hard to tell but it should be one of those.

Tags: Html / Css / Wordpress

Similar questions

Custom Menu in Themes not working even in Twenty Eleven theme
I am currently having problems with a Wordpress installation. The remote site I was supposed to theme uses WP 3.2 so I used 3.2 I created a theme that supports custom menus and it works fine on my localhost. But when I uploaded it to the remote test site, I notice that I can't add any custom menu. I see that the "Theme Locations" thing on the left ...
wp_nav_menu returns false even though a menu is assigned to it
I'm developing a new theme and am encountering a weird behaviour. I have registered a footer menu: In the template, primary_navigation menu shows correctly the custom menu created in the Administration zone. But footer_navigation does not. In fact, it returns false: It prints the <UL> element and the "could not print menu" message. The docume...
menu mobile show up even i in desktop mode in Newspaper Theme
I have WordPress website with Newspaper Theme and I have a problem with the Menu. Link: demo2.tmanow.net I have 2 problems: I tried to play some hours with the Css, but the problem still exist.. how can i fix that ? regards, Tomer.
How to use a custom menu in Wordpress even if it is empty?
I am including a custom menu in a wordpress theme - I want it to display the menu list items however, in the case that no items were added to the custom menu I want it to display nothing because I have a hard coded list item as well.. Here is the code I'm using It works to display the custom menu as only list items inside the hard coded < ul > h...
Customers can add variation to cart even when drop down menu not selected
I run a website that sells variants of the same product, allowing customers to select from a drop down menu to choose which one they want. In this case, choosing between 125ml and 250ml. The problem is, customers can add a product to their cart, even if no size has been selected and it still says Please Select in the drop down field. In this case, ...
Wordpress menu not aligning horizontal even with custom class css
Ok so I am having trouble aligning my wordpress menu on my custom designed theme. I am using a bootstrap 3 framework and I cannot get the menu to display inline although I have the correct css to list anything with the css class of menu-nav inlined. please check out the page is my css wrong or is there something I have to do to wordpress? http://sm...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.