Skip to content

HTML to PDF with Custom CSS

Need pixel-precise control over how your HTML renders as PDF? Our converter respects @media print CSS rules, manual page breaks (break-before, break-after, page-break-inside), and styled print headers / footers. Use it to render HTML reports, dashboards, or custom-designed documents to PDF with your exact CSS intact.

When to use this

Use for: rendering React/Vue-generated HTML to PDF (use the print stylesheet you've already written), exporting custom-designed reports with brand fonts and colors, prepping print-ready content with page-break control, archiving styled HTML emails to PDF.

Frequently Asked Questions

Does @page CSS work?

Yes - @page CSS rules (margin, size, page name) are respected. You can set different margins for the first page vs subsequent pages, name pages and reference them in break rules, and control orientation per page. Modern CSS print spec is well-supported.

How do I force a page break in HTML?

Use CSS `break-before: page;` or the legacy `page-break-before: always;` on the element you want to start a new page on. Works for both block-level elements (sections, articles) and inline-flow elements with display: block.

Powered by HTML to PDF.

Other targeted versions of this tool — each tuned for a specific use case.

Or use the main HTML to PDF if your use case isn't covered above.