title: Horizontal menu justified positioning of items
body: <p>The menu on <a href="http://renomccarthy.com/home/" rel="nofollow">this website</a> is not justified as intended.</p>
  
  <p>This may be a repost, although I have read all previous solutions for this issue... it is breaking my brain right now.</p>
  
  <p><strong>I am currently using this CSS technique for justifying the elements of a menu</strong> :</p>
  
  <pre><code>&lt;ul class="justified"&gt;&lt;li&gt;Element&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/89bnF/77/" rel="nofollow">http://jsfiddle.net/89bnF/77/</a></p>
  
  <p><strong>Explanation is given on CSS Tricks (last technique)</strong> :</p>
  
  <p><a href="https://css-tricks.com/equidistant-objects-with-css/" rel="nofollow">https://css-tricks.com/equidistant-objects-with-css/</a></p>
  
  <p>I have been using this solution on different websites and I now encounter this issue after a Wordpress update. (First time I get a problem on a theme after an upgrade).</p>
  
  <p>Thanks for the help, </p>
  
  <p><strong>UPDATE #1</strong></p>
  
  <p>As of Pangloss answer, WordPress is generating <code>&lt;li&gt;</code> elements without separating them with a whitespace. This is a strange behaviour... I fixed the problem by manually adding the missing whitespace.</p>
  
  <pre><code>  $menu = wp_nav_menu($defaults);
    $menu = str_replace("&lt;/li&gt;&lt;li", "&lt;/li&gt; &lt;li", $menu);
  </code></pre>