title: Auto equal distance between inline block elements
body: <p>I have some elements in an inline-block that are currently being spaced with </p>
  
  <pre><code>margin-right: 16%;
  </code></pre>
  
  <p>I thought having these spaced as a percentage would make it easier for site responsiveness but so far it has not and I seem to have a lot of breakpoints that are constantly adjusting just these percentages.</p>
  
  <p>What I am wondering, is if there is a way to always space these elements an equal distance apart without using percentages on margin right.</p>
  
  <p>I tried using:</p>
  
  <pre><code>margin-right: auto; 
  </code></pre>
  
  <p>on these element as well, but that seemed to have no affect.</p>