Centre Nav Items Horizontal

Related to this CSS tutorial: https://www.michaelsherry.com.au/tutorials/how-to-create-a-centered-horizontal-navigation-menu-using-simple-css/

by Michael Sherry

HTML

<nav class="main-nav">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Projects</a></li>
    <li><a href="#">Pricing</a></li>
    <li><a href="#">Contact Us</a></li>
  </ul>
</nav>

CSS

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

nav li {
  display: inline;
}

nav li a {
  padding: 5px 10px;
  display: inline-block;
}