breakafter

carddeck1/cards.html

@@ -61,6 +61,9 @@
         <p class = 'image'><img src='./images/5.jpg'></p>
         <p class = 'text'></p>
     </div>
+    <br>
+    <br>
+    <br>
     <div class="card">
         <h2></h2>
         <p class = 'image'><img src='./images/6.jpg'></p>

carddeck1/stylesheet.css

@@ -7,6 +7,7 @@
     float: left;
     position: relative;
     margin: 2mm;
+    break-inside: avoid;
 }
 .card > p.image > img {
    width: 7.5cm;