title: Structuring paragraphs like novels using CSS
body: <p>This is the CSS:</p>
  
  <pre><code>p + p {
   text-indent: 1.1em;
   margin-top: 0;
  }
  p {
   font-family: 'Crimson Text', serif;
   margin: 0;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p&gt;...&lt;p&gt;
  &lt;p&gt;...&lt;/p&gt; (new paragraph)
  &lt;p&gt;&lt;br&gt;&lt;p&gt;
  &lt;p&gt;&lt;/p&gt; (new scene)
  </code></pre>
  
  <p>(This is WordPress' default text editor)</p>
  
  <p>I'm not sure how it works (I took it form a site that I can't remember).
  It produces this:</p>
  
  <p><img src="https://i.stack.imgur.com/mONeh.png" alt="enter image description here"></p>
  
  <p>There is only one problem. The third paragraph is a new scene and it shouldn't be indented. I wonder if there is a way of fixing this with CSS? (CSS3 is OK)</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I guess jQuery is the only way? Any suggestions of doing it with jQuery?</p>