title: page-break-* css doesn't work on google chrome
body: <p>I have a card view for report and I want to display each card on each page when the report gets printed. I was trying to achieve this by using the page-break css.</p>
  
  <pre><code>.card-view {
       page-break-after: always;
       page-break-inside: avoid;
  }
  </code></pre>
  
  <p>But this is not working as expected. The card view breaks inside.
  I tried to fix this as mentioned <a href="https://stackoverflow.com/a/35871701/9857763">here</a>, but even that is not working for me.</p>
  
  <p>page-break works on edge but why isn't it working on Chrome?
  Is there any alternative way to get this done?</p>