Horizontally centering/evenly distributed inside of inside a

Question

Have a Navbar

, inside is a

and each
• contains a with a link (this is for a nav

Answer 1

The proper way to do this these days is to just use Flexbox:

.navbar ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap; /* assumes you only want one row */
}