Jump to content
Sign in to follow this  
rpacker

How to center align the navigation menu

Recommended Posts

rpacker

I need to center (not shift) the main navigation menu. I think it should be something like this: .main_nav ul li {text-align:center} but its not working.


Randall Packer

Multimedia Artist & Educator

http://www.randallpacker.com

Share this post


Link to post
Share on other sites
Rob
.main_nav ul li {text-align:center} won't work. It might this way: .main_nav ul li {text-align:center;} You dropped the closing " ; ".

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob
Please provide a link to your site. I'll take a look.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
rpacker
http://www.randallpacker.com/ the menu says: "life in general", "mysterious" , etc.

Randall Packer

Multimedia Artist & Educator

http://www.randallpacker.com

Share this post


Link to post
Share on other sites
kastelic
The easiest way is to add a margin-left to the menu: [code] #primary-nav ul.main-nav { margin-left:150px; } [/code] or you can give it a width and align it center: [code] #nav_row{ width:510px; margin:0 auto; } [/code]

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×