<div class="wrapper">
  <p>最初のページです（:first & :right）</p>
  <p>2ページ目（:left）</p>
  <p>3ページ目（:right）</p>
  <button id="printBtn">印刷チェック</button>
</div>

.wrapper {
  padding: 2rem;
}
p {
  page-break-after: always;
}
@page :left {
  margin-left: 0;
}
@page :right {
  margin-left: 50%;
}
@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

const printBtn = document.getElementById("printBtn");
printBtn.addEventListener("click", () => {
  window.print();
});