<!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>