How to use the HTML Viewer

1. Type or paste your code into the HTML, CSS and JS tabs.
2. The live preview updates as you type.
3. Switch the preview between desktop, tablet and mobile widths to check your layout on different screens.
4. Drag the divider to give the editor or the preview more room.

What it is good for

• Testing a snippet before you add it to a site.
• Checking an email template or embed code.
• Learning HTML and CSS, with the result next to the code.

Frequently asked questions