One‑Page HTML → PDF

Paste or edit HTML below, preview on the right, and export as PDF. Use .page-break to force a new page and .avoid-break to keep blocks together.

File Paper Orientation Margin (mm) Padding X (mm) Padding Y (mm)

HTML Source

<h1 style="margin:0 0 6px;color:#111">Invoice #INV-0001</h1>
  <div style="color:#555">Acme Co · 10 Oct 2025</div>
  <table style="width:100%;border-collapse:collapse;margin-top:14px;font-size:12px;color:#111">
    <thead>
      <tr>
        <th style="border:1px solid #ccc;background:#f4f6fb;text-align:left;padding:8px">Description</th>
        <th style="border:1px solid #ccc;background:#f4f6fb;text-align:right;padding:8px">Qty</th>
        <th style="border:1px solid #ccc;background:#f4f6fb;text-align:right;padding:8px">Price</th>
        <th style="border:1px solid #ccc;background:#f4f6fb;text-align:right;padding:8px">Total</th>
      </tr>
    </thead>
    <tbody>
      <tr><td style="border:1px solid #ddd;padding:8px">Design Work</td><td style="border:1px solid #ddd;padding:8px;text-align:right">10</td><td style="border:1px solid #ddd;padding:8px;text-align:right">$50</td><td style="border:1px solid #ddd;padding:8px;text-align:right">$500</td></tr>
      <tr><td style="border:1px solid #ddd;padding:8px">Development</td><td style="border:1px solid #ddd;padding:8px;text-align:right">20</td><td style="border:1px solid #ddd;padding:8px;text-align:right">$70</td><td style="border:1px solid #ddd;padding:8px;text-align:right">$1,400</td></tr>
      <tr><td style="border:1px solid #ddd;padding:8px">Hosting</td><td style="border:1px solid #ddd;padding:8px;text-align:right">12</td><td style="border:1px solid #ddd;padding:8px;text-align:right">$10</td><td style="border:1px solid #ddd;padding:8px;text-align:right">$120</td></tr>
    </tbody>
    <tfoot>
      <tr><th colspan="3" style="border:1px solid #ddd;padding:8px;text-align:right">Subtotal</th><th style="border:1px solid #ddd;padding:8px;text-align:right">$2,020</th></tr>
      <tr><th colspan="3" style="border:1px solid #ddd;padding:8px;text-align:right">Tax (8%)</th><th style="border:1px solid #ddd;padding:8px;text-align:right">$161.60</th></tr>
      <tr><th colspan="3" style="border:1px solid #ddd;padding:8px;text-align:right">Total</th><th style="border:1px solid #ddd;padding:8px;text-align:right">$2,181.60</th></tr>
    </tfoot>
  </table>

Preview