Edit
PDF
AI
›
HTML → PDF
🖨 Print to PDF
⬇ Convert & Download
index.html
Load sample
Clear
<!DOCTYPE html> <html> <head> <style> body { font-family: Georgia, serif; max-width: 800px; margin: 40px auto; padding: 0 24px; color: #1d1d1f; line-height: 1.7; } h1 { font-size: 2rem; font-weight: 800; letter-spacing: -.03em; margin-bottom: .3em; } h2 { font-size: 1.2rem; font-weight: 700; color: #374151; margin-top: 2em; } p { margin: .8em 0; color: #374151; } .highlight { background: #fef9c3; padding: 12px 16px; border-left: 3px solid #d97706; border-radius: 0 8px 8px 0; margin: 1.2em 0; } table { width: 100%; border-collapse: collapse; margin: 1.2em 0; } th { background: #1d1d1f; color: #fff; padding: 10px 14px; text-align: left; font-size: .85rem; } td { padding: 9px 14px; border-bottom: 1px solid #e5e7eb; font-size: .9rem; } tr:nth-child(even) td { background: #f9fafb; } </style> </head> <body> <h1>Sample Document</h1> <p>This is a sample HTML document. Replace it with your own HTML and click <strong>Convert to PDF</strong>.</p> <div class="highlight">Tip: paste a full HTML document including <style> tags for best results.</div> <h2>Example Table</h2> <table> <tr><th>Name</th><th>Role</th><th>Status</th></tr> <tr><td>Alice</td><td>Designer</td><td>Active</td></tr> <tr><td>Bob</td><td>Engineer</td><td>Active</td></tr> <tr><td>Carol</td><td>Manager</td><td>On leave</td></tr> </table> <h2>Second Section</h2> <p>HTML to PDF supports all standard CSS including flexbox, grid, fonts, colors, and images loaded from URLs.</p> </body> </html>
Preview