title: css :before content spacing
body: <p>Using CSS to create a horizontal navigation I want to use a divider between the elements.</p>
  
  <p>using:</p>
  
  <pre><code>li:before
  {
    content: " | ";
  }
  </code></pre>
  
  <p>I get a divider. But i wanna use a margin between the text and the divider</p>
  
  <blockquote>
    <p>item(margin-right) |(?)item(margin-right)</p>
  </blockquote>
  
  <p>how can I set a margin to the above question mark? With a margin-left (or padding-left) the margin will exist in front of the divider, not between the divider and the content.</p>