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;
@@ -42,4 +43,4 @@
     right: 5mm;
     text-align: center;
     font-size: 6.5; 
- }
+ }