How to live-preview a snippet of HTML

1. Type or paste the HTML

   Drop a fragment, a full document, or just a `<div>` into the "HTML" field. Inline `<style>` and inline `<script>` are kept verbatim — they execute in the preview as they would in a browser.

2. Press Run

   Result returns a single `preview` field — the rendered output, either inline or as a sandboxed-iframe URL depending on platform. Use it to sanity-check styling, spacing, or whether a `<details>` element collapses as expected.

3. Sandboxing trade-offs

   The preview runs your code; that's the point. Don't paste hostile JS you don't trust. If your snippet uses `localStorage`, `fetch`, or third-party CDN scripts, sandbox restrictions might block them — drop the snippet into a real local file when you need full network/storage access.

4. Persisting the result

   Output is ephemeral; the tool isn't a CMS. Copy any working snippet back to a file in your project, commit it, and use this editor only for ad-hoc try-it-quickly experimentation.