<!DOCTYPE html>
<meta charset="utf-8">
<script>
document.addEventListener("DOMContentLoaded", () => {
  SpecialPowers.wrap(window).printPreview()?.close();
})
</script>

<style>
@page {
  /* Default reftest-paged page size: */
  size: 5in 3in;
  margin: 0.5in;  /* This leaves 2in of height for content */
}
body { margin: 0; }

table {
    border-collapse: collapse;
    border: 5px solid black;
}
th {
    height: 0.5in;
    border-bottom: 5px solid green;
   } 
td {
    height: 1in;
    width: 2in;
    border-bottom: 5px solid orange;
}
.float { float: left; }
.clear { clear: both; }
</style>

<div class="float">
  <table>
    <thead>
      <tr><th></th></tr>
    </thead>
    <tbody>
      <tr><td></td></tr>
      <tr><td></td></tr>
    </tbody>
  </table>
</div>
<div class="clear"></div>