Auto equal distance between inline block elements
<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>