title: page-break-inside doesn't work in Chrome?
body: <p>I have a bunch of paragraphs on a page:</p>
  
  <pre><code>&lt;p&gt; ... &lt;/p&gt;
  &lt;p&gt; ... &lt;/p&gt;
  &lt;p&gt; ... &lt;/p&gt;
  </code></pre>
  
  <p>The CSS rule for those paragraphs is:</p>
  
  <pre><code>p {
      margin: 20px 0;
      page-break-inside: avoid;
  }
  </code></pre>
  
  <p><strong>Live demo:</strong> <a href="http://jsfiddle.net/KE9je/2/show/">http://jsfiddle.net/KE9je/2/show/</a></p>
  
  <p>If I understand the <code>page-break-inside</code> property correctly, the above should ensure that no  paragraph is split between two pages. (A paragraph is either displayed on the "current" page, or if it doesn't fit completely, it's moved to the next page.)</p>
  
  <p>This doesn't seem to work in Chrome. Open the demo, right-click the page, choose "Print...". You'll see a print preview - the fifth paragraph is split between page 1 and 2.</p>
  
  <p>What am I doing wrong? How can I make this work in Chrome? </p>
  
  <hr>
  
  <p><img src="https://i.imgur.com/IyPQQ.png"></p>