Page break CSS not working in lightning LWC Salesforce

Question

I am trying to do page break in LWC. But it is not working. Below is the code . How to do page break in lightning while printing the page to pdf.

<template>
    <div>
      <lightning-layout>
        <lightning-layout-item>
          First Page
        </<lightning-layout-item>
      </<lightning-layout>
    </div>
    <div style="page-break-before: always;">
      <lightning-layout>
        <lightning-layout-item>
          Second Page
        </<lightning-layout-item>
      </<lightning-layout>
    </div>
           <lightning-button label="Print" title="print" onclick={printpreview} class="printbutton"></lightning-button>&nbsp;&nbsp;
           <lightning-button label="Back" title="Back to record" onclick={back} class="back"></lightning-button>
        </template>