title: How can I use CSS to insert a line break after but not before an element?
body: <p>For example:</p>
  
  <p>HTML:</p>
  
  <pre><code>The quick brown fox &lt;span class="break"&gt;{BREAK}&lt;/span&gt; jumps over the lazy dog.
  </code></pre>
  
  <p>I want this to display:</p>
  
  <blockquote>
    <p>The quick brown fox {BREAK}</p>
    
    <p>jumps over the lazy dog.</p>
  </blockquote>
  
  <p>I looked into the <code>display</code> property, but <code>display:inline;</code> doesn't break anywhere and <code>display:block</code> puts breaks on both sides.</p>
  
  <p>I also looked into the <code>:after</code> pseudo-class, but <code>.break:after{content:"\000A";}</code> ends up rendering as a space, rather than a line feed.</p>