title: Horizontal line between multiple paragraphs (CSS)
body: <p>I have a CSS-problem with border-top/a horizontal line between multiple paragraphs. This is my code...</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p&gt;
  &lt;span class="lined"&gt;Lorem ipsum dolor sit amet, 
  consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
  dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
  dolores et ea rebum.&lt;/span&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>p {
      font-family: "jubilat", sans-serif;
      font-weight: 200;
      font-size: 1.7em;
      line-height: 1.7em;
      padding-bottom: 1.5em;      
  }
  
  .lined {
      border-top: 1px solid #333;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
  }
  </code></pre>
  
  <p>Currently there is a horizontal line between each paragraph but just till the word ends. I want that there is a horizontal line till the end of the p-tag respectively with a width of 100%. Is this possible? Thanks for the answers. </p>