| <!DOCTYPE html> |
| <style> |
| .barcode { |
| line-height: 40px; |
| } |
| thead, tfoot { |
| break-inside: avoid; |
| } |
| </style> |
| <div style="columns:3; column-fill: auto; height:501px; background-color: yellow; width: 600px;"> |
| <div> |
| <table cellpadding=0 cellspacing=0> |
| <thead> |
| <tr> |
| <td class="barcode"> |
| HEADER<br> |
| HEADER |
| </td> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td> |
| <div style="height: 50px;"></div> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <div style="height: 50px;"></div> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <div style="height: 445px;"></div> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <div>Text</div> |
| <div>Text</div> |
| <div>Text</div> |
| <table cellpadding="0" cellspacing="0" style="line-height: 20px; width:200px;"> |
| <thead> |
| <td style="width:64px"><strong>Col 1</strong></td> |
| <td><strong>Col 2</strong></td> |
| <td><strong>Col 3</strong></td> |
| <td><strong>Col 4</strong></td> |
| <td><strong>Col 5</strong></td> |
| </thead> |
| <tbody> |
| <tr> |
| <td style="height:40px">0</td> |
| <td>0</td> |
| <td>0</td> |
| <td>0</td> |
| <td>0</td> |
| </tr> |
| <tr> |
| <td style="height:40px">0</td> |
| <td>0</td> |
| <td>0</td> |
| <td>0</td> |
| <td>0</td> |
| </tr> |
| <tr> |
| <td style="height:40px">0</td> |
| <td>0</td> |
| <td>0</td> |
| <td>0</td> |
| <td>0</td> |
| </tr> |
| <tr> |
| <td style="height:40px">0</td> |
| <td>0</td> |
| <td>0</td> |
| <td>0</td> |
| <td>0</td> |
| </tr> |
| </tbody> |
| </table> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |