title: Creating a justified, equally spaced navbar
body: <p>I was browsing a few pages here and found something that almost worked for my needs, which was to have a navbar on a webpage with all the links equally spaced from each other, as if justified, and having an 8% padding on the left and right, so that the background of the navbar spans the width of the page, but the  containing the links does not exceed the 8% limitation.</p>
  
  <p>I don't have the code since I deleted it and went for another design a while ago, but since I want to revisit the idea, I'm hoping someone could offer me a solution. The method I used before involved sticking an empty  under the navbar with a width set, but a height of 0. However, even with the height at 0, I still ended up with a navbar that had extra space underneath, taking up some amount of height, and ruining the symmetry that most navbars have above and below. To provide an example, the excessive space I'm referring to is the green bit here:</p>
  
  <p><img src="https://i.stack.imgur.com/kg4M0.png" alt="enter image description here"></p>