JSFiddle - React, Tailwind, and code Playground

by Daniel Cheung

HTML

<main>
  <button onclick="window.print()">Print</button>
  <div id="page2">
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt quam
      eu nulla faucibus convallis. Nam porta arcu ac ipsum eleifend
      sollicitudin. Phasellus imperdiet sagittis sapien, quis imperdiet ligula
      bibendum id. Quisque dignissim, felis eu suscipit tincidunt, sapien velit
      vestibulum urna, et dapibus nulla enim ut sapien. Cras a nisl vel metus
      vulputate tempor eu vel arcu. Nam porta tellus risus, sit amet condimentum
      nisi imperdiet at. Nam orci lectus, gravida iaculis rutrum nec, rutrum a
      mi. Donec fermentum, purus id sollicitudin tincidunt, velit est congue
      felis, id pharetra ligula purus a justo. Cras tempor quam eget felis
      sagittis tincidunt. Ut sit amet lobortis velit. Pellentesque sodales odio
      vel nulla maximus, egestas dictum neque euismod. Etiam semper ut leo
      pellentesque aliquet. Praesent fermentum sapien ex, sit amet congue tellus
      egestas scelerisque. Integer eu scelerisque ex, vitae rhoncus libero.
      Quisque at dictum metus.
    </p>
    <p>
      Cras auctor purus vel lectus pharetra sagittis. Suspendisse sagittis nisl
      sed cursus dictum. Donec rhoncus, tellus a placerat auctor, ipsum justo
      dignissim sapien, vitae rhoncus leo dolor congue justo. Vivamus ut
      molestie sem. Etiam posuere venenatis erat, eget lobortis urna molestie a.
      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
      ac turpis egestas. Curabitur volutpat sapien augue, eget pharetra ante
      volutpat sit amet. Nullam interdum justo id tortor pellentesque, non
      consequat orci mattis. Ut id neque iaculis, malesuada dui nec, fermentum
      arcu. Sed eget lectus velit. Vivamus ac tincidunt ex, a accumsan leo.
      Maecenas viverra metus ac elit hendrerit, ac rutrum lacus vehicula.
      Suspendisse volutpat eget dui quis auctor. Curabitur elementum gravida
    ...

CSS

main {
}

#page2 {
  page-break-before: always;
  columns: 2;
  column-fill: auto;
}

@page {
  size: a4;
  margin: 1.5cm 1.5cm 1cm;
}