title: Pseudo line between list elements?
body: <p><a href="https://jsfiddle.net/2ffn3yth/" rel="nofollow noreferrer">JS Fiddle</a></p>
  <p>I'm trying to create a layout like:</p>
  <pre><code>One
  
  --
  
  Two
  
  --
  
  Three
  </code></pre>
  <p>The layout has pseudo lines between each of the list elements.</p>
  <pre><code>&lt;ul&gt;
   &lt;li&gt;One&lt;/li&gt;
   &lt;li&gt;Two&lt;/li&gt;
   &lt;li&gt;Three&lt;/li&gt;
   &lt;li&gt;Four&lt;/li&gt;
  </code></pre>
     
  <p>From the fiddle I can get in the line, just having trouble positioning it equally between the list elements.</p>