CODEWITHSUNDEEP
htmlcssnavbar
Gavin W
Gavin W

Reputation: 35

Center NavBar content/links

I need to center the content-links in my navbar. This:

bar

I want the Home, About and Contact to be centered on the navbar.

Upvotes: 0

Views: 55

Answers (1)

Ryan
Ryan

Reputation: 1338

Instead of using float, you can set the li element to display: inline-block and add text-align: center on the ul element.

ul {
    text-align: center;
}
li {
    display: inline-block
}

Example: https://jsfiddle.net/bjwskbcu/

Upvotes: 2

Related Questions