• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 207
  • Last Modified:

How do I center Navigation Bar tabs

On the following test site, I want the four navigation bar choices Home, About, Services, Contact to justify center in the navigation bar, instead of their current float left. Should be a simple fix, I just need an expert...thanks!

Here's the site:

http:www.JustTheDriver.com
0
TonyT7220
Asked:
TonyT7220
1 Solution
 
JF0Commented:
Change #navigatin ul to this:

#navigation ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 210px;
}
0
 
plusone3055Commented:
float:center ;
0
 
JF0Commented:
the float property does not even have a value of 'center' available. The only values for float are left, right, inherit, and none.
0
 
tahula2Commented:
Change "#navigation li" in the style sheet would make it look a lot neater.

I don't think it's what you asked for though.

#navigation li {
      float: left;
        width: 25%;
      text-align: center;
}
0
 
TonyT7220Author Commented:
Thanks, that did the trick!
0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now