title: Evenly spaced list items
body: <p>I've been tasked with generating a horizontal nav list that looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/hE8yO.jpg" alt="enter image description here"></p>
  
  <p>the point being that the items need to be individually  spaced from absolute left to right.</p>
  
  <p>Setting widths is a pain because different browsers appear to interpret them differently. Also, the  number of items in this list will change depending on the user.</p>
  
  <p>Any advice would be appreciated!</p>
  
  <hr>
  
  <p>Following @Dean advice, I've found myself with the below - which is pretty much correct. The only thing I'm thinking is that the left two elements are unfortunately short, hence the large gap. I'm hoping the client will be happy with text-align; center on all the elements with a touch of padding at the side!</p>
  
  <p><img src="https://i.stack.imgur.com/1IXQg.png" alt="enter image description here"></p>