title: Justified CSS menu not working without line breaks between <li>
body: <p>I'm designing a custom wordpress template for some friends, and want a horizontally justified top menu.  All would be fine, except that wp_page_menu outputs the list elements all in one line, which (after a LOT! of head-scratching) appears to break the formatting and removes all space between the elements.  For example, the following outputs 1, 2 and 3 spaced out and then 456 all together.  (Tested in Safari, Firefox and Chrome, all on mac.)</p>
  
  <pre><code>&lt;style&gt;
  
  .menu {
      text-align: justify;
      width: 700px;
      margin: 10px;
  }
  
  .menu * {
      display: inline;
  }
  
  .menu span {
      display: inline-block;
      position: relative;
      width: 100%;
      height: 0;
  }
  
  &lt;/style&gt;
  
  &lt;div class="menu"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="http://localhost/"&gt;1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost/"&gt;2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost/"&gt;3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://localhost/"&gt;4&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://localhost/"&gt;5&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://localhost/"&gt;6&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;span&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've already got a custom function editing the output from wp_page_menu to add the span after the ul, so I guess the easiest thing to do would be to extend that function to put the line breaks in as well, but if anyone's got other ideas, or can tell me why this is happening (especially that!) that would be great.</p>
  
  <p>EDIT:</p>
  
  <p>Have fixed it now by adding a function that inserts a space to the html (code below if anyone's interested for now or if someone comes across this in the future).  Seems that was all that was necessary!  Would still be interested to hear if anyone can tell me why this is needed.</p>
  
  <pre><code>// Add a space after the &lt;/li&gt; in wp_page_menu to allow justification of the menu
  function add_break($break) {
      return preg_replace('/&lt;\/li&gt;/', '&lt;/li&gt; ', $break, -1);
  }
  add_filter('wp_page_menu','add_break');
  </code></pre>