title: How to Center Content in Navigation Bar
body: <p>I am unable to properly center content in the navbar. I need them to be centered like for the website's name. The HTML is fairly simple, so I assume that it is an issue in the CSS.</p>
  <p>Navbar Image</p>
  <p><img src="https://i.stack.imgur.com/jM1S8.png" alt="1" /></p>
  <p>Section of CSS:</p>
  <pre><code>    /* Grey background color to the top navigation */
  .topnav {
    background-color: #F1F1F1;
    overflow: hidden;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    display: block;
    color: #666666;
    text-align: center;
    padding: 20px 25px;
    text-decoration: none;
    font-size: 25px;
  
  }
  
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: grey;
  }
  
  /* Add an active class to highlight the current page */
  .topnav a.active {
    color: #666666;
       font-size: 40px;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }
  </code></pre>