How do I add page numbers to the PDF?

Use and in your header or footer HTML template.

Can I use CSS for print-specific styling?

Yes, you can add custom CSS and enable 'Prefer CSS Page Size' to use @page rules.

What is the 'Wait Until' option for?

It controls when the page is considered loaded, such as waiting for network activity to finish.

How can I adjust the PDF scaling?

Use the Scale option to set a value between 0.5 and 2, with 1 as the default.

Elysia Tools

Navigation

Document Tools

HTML to PDF (Precise Layout)

Render HTML/CSS to a PDF with precise headers, footers, and print settings

Details

What this tool helps you do

This tool renders HTML/CSS to PDF using a headless browser for high-fidelity layout.

Header & Footer:

Provide custom HTML templates for headers/footers
Use <span class="pageNumber"></span> and <span class="totalPages"></span> for page numbers
CSS in header/footer is supported with inline styles

Print Options:

A4/Letter/Legal page sizes
Margin control (mm)
Print background and scaling
CSS @page and @media print support (enable "Prefer CSS Page Size")

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

16 options

ContentPaste or type the main input values.4

HTML ContenttextareaRequiredCustom CSStextareaOptionalHeader Template (HTML)textareaOptionalFooter Template (HTML)textareaOptional

SettingsAdjust formats, ranges, numbers, and modes.9

Page SizeselectOptionalScalenumberOptionalMargin Top (mm)numberOptionalMargin Bottom (mm)numberOptionalMargin Left (mm)numberOptionalMargin Right (mm)numberOptionalMedia TypeselectOptionalWait UntilselectOptionalExtra Wait Time (ms)numberOptional

TogglesEnable or disable optional behavior.3

LandscapecheckboxOptionalEnabled when checkedPrint BackgroundcheckboxOptionalEnabled when checkedPrefer CSS Page SizecheckboxOptionalEnabled when checked

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

HTML to PDF (Precise Layout)

What this tool helps you do

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Generate an Invoice PDF

2. Create a Printable Dashboard Report

FAQ

PDF Samples

Markdown Slide Deck Samples

HTML Viewer Samples

HTML with Images Samples

HTML to PDF Renderer

HTML Mail to PDF

PDF Header/Footer Snippets

PDF Invoice Generator

HTML Extraction, Cleanup, and Markdown/PDF Export Tools

Print-Ready PDF Layout and Publishing Workflow Tools

HTML Content Extraction, Cleanup, and Delivery Tools

PDF Conversion and Document Export Tools