title: No page breaks between paragraphs in print style sheet
body: <p>I have a HTML fragment, a list item of a long ordered list</p>
  
  <pre><code>&lt;li&gt;
      &lt;p class="nw"&gt;Abɩlɩsa ba tɔwɛ asɩn mʋ.&lt;/p&gt;
      &lt;p class="English"&gt;The elders discussed the matter.&lt;/p&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>How do the CSS rules look like to keep the two paragraphs in the list item together when <strong>printing</strong> the document? This means that they either appear together at the end of a page or then are moved together to the next page. </p>
  
  <p>How do I keep the paragraph <code>&lt;p class="nw"&gt;</code> and the paragraph <code>&lt;p class="English"&gt;</code> together so that no page breaks occurs?</p>
  
  <p>I use</p>
  
  <pre><code> .nw {page-break-after:avoid;}
  </code></pre>
  
  <p>but does not work. There are in fact page breaks <strong>between</strong> the <em>nw</em> and <em>English</em> paragraphs. This should not be the case as far as I understand the rule. To check it I use the print preview function of Firefox.</p>