Build responsive, table-based HTML email templates with inline styles. Preview and copy production-ready markup.
Output uses table layout and inline styles for broad email client support.
Subject line
Your weekly digest
HTML output
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Your weekly digest</title> <!--[if mso]> <style type="text/css"> body, table, td { font-family: Arial, Helvetica, sans-serif !important; } </style> <![endif]--> </head> <body style="margin:0;padding:0;background-color:#f1f5f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;"> <div style="display:none;max-height:0;overflow:hidden;mso-hide:all;">Top stories and updates from this week</div> <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="background-color:#f1f5f9;"> <tr> <td align="center" style="padding:24px 12px;"> <table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0" style="width:100%;max-width:600px;background-color:#ffffff;border-collapse:collapse;"> <tr> <td align="left" style="padding:24px 32px;background-color:#0f172a;"> <span style="font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:700;color:#ffffff;letter-spacing:-0.02em;">Acme Co.</span> </td> </tr> <tr> <td style="padding:32px;background-color:#ffffff;"> <h1 style="margin:0 0 12px;font-family:Arial,Helvetica,sans-serif;font-size:28px;line-height:1.25;color:#0f172a;">This week at Acme</h1> <p style="margin:0 0 20px;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.5;color:#64748b;">Highlights, launches, and what to read next</p> <p style="margin:0 0 16px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;color:#0f172a;">Thanks for subscribing to our newsletter. Here is a quick roundup of what happened this week.</p> <p style="margin:0 0 16px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;color:#0f172a;">We shipped new features, published two guides, and shared customer stories you might have missed.</p> <table role="presentation" cellspacing="0" cellpadding="0" style="margin:28px auto 0;"> <tr> <td align="center" bgcolor="#2563eb" style="border-radius:8px;background-color:#2563eb;"> <a href="https://example.com/newsletter" target="_blank" style="display:inline-block;padding:14px 28px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#ffffff;text-decoration:none;border-radius:8px;">Read the full digest</a> </td> </tr> </table> </td> </tr> <tr> <td style="padding:0 32px;background-color:#ffffff;"> <div style="height:1px;background-color:#e2e8f0;line-height:1px;font-size:0;"> </div> </td> </tr> <tr> <td style="padding:24px 32px 8px;background-color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#64748b;"> Featured this week </td> </tr> <tr> <td style="padding:8px 32px 32px;background-color:#ffffff;"> <p style="margin:0 0 16px;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;color:#64748b;">Browse the archive, share feedback, or reply with topics you want covered next.</p> </td> </tr> <tr> <td style="background-color:#ffffff;"> <table role="presentation" width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="padding:24px 32px 32px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.6;color:#64748b;text-align:center;"> <p style="margin:0 0 12px;">You are receiving this email because you subscribed at example.com.</p> <p style="margin:0;"> <a href="https://example.com/unsubscribe" style="color:#64748b;text-decoration:underline;">Unsubscribe</a> </p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
