Live Code Editor

Emadul Live Code Editor

➤ Edit All-in-One ➤ Edit HTML Only ➤ Edit CSS Only ➤ Edit JS Only

All-in-One Editor

<!-- HTML --> <h1>Hello!</h1> <p>This is one-line HTML.</p> <!-- CSS --> <style> body { color: #333; } h1 { color: #ff6600; } </style> <!-- JS --> <script> console.log('Hello from JS!'); </script>

HTML

<h1>Hello from HTML block!</h1> <p>This is a sample HTML snippet.</p>

CSS

body {\n background: #f0f0f0;\n color: #333;\n}\nh1 {\n color: #ff6600;\n}

JS

document.write(\"<h2>Hello from JS block!</h2>\");