title: Text Separators for LI Elements
body: <p>I'd like to add a forward slashes ('/') between my li elements, but I'm not sure of the best way to do that semantically. Right now, I'm simply including the forward slash in the li tag and adding spacing with non-breaking spaces, like so:</p>
  
  <pre><code>&lt;ul id="footer_menu"&gt;
      &lt;li&gt;Customer Support&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;/&lt;/li&gt;
      &lt;li&gt;Shipping Info&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;/&lt;/li&gt;
      &lt;li&gt;Size Charts&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;/&lt;/li&gt;
      &lt;li&gt;Privacy Policy&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;/&lt;/li&gt;
      &lt;li&gt;Contact&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>What do you think? Thanks.</p>