HTML Playground

Edit HTML and CSS and see your page change in the preview alongside it.

Live preview

Tab inserts four spaces. Shift+Tab moves focus out of the editor. Ctrl+Enter runs or refreshes. Work is autosaved in this browser when storage is available. Use Save to keep a file.

About HTML Playground

Edit HTML and CSS and see your page change in the preview alongside it.

Write a complete HTML document, with CSS inside a style element. The preview updates after you pause typing. JavaScript, external resources, forms and navigation are disabled in the preview. Saving downloads your HTML exactly as written. Uploaded HTML is displayed only inside the isolated preview.

Related tools

Share this page

Social links open a draft in a new tab for you to review and send.

Report an error or bug

Please do not include your name, school, passwords or other personal information. Responses go to the website owner through Microsoft Forms. Open form in a new tab if it does not load here.