HTML / CSS / JS Editor
<!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; text-align: center; padding-top: 50px; background: #f4f4f9; } h1 { color: #2c3e50; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; border: none; background: #3498db; color: white; border-radius: 4px; } button:hover { background: #2980b9; } </style> </head> <body> <h1>Live Preview Editor</h1> <p>Start editing code on the left to see instant updates!</p> <button onclick="alert('It works!')">Click Me</button> </body> </html>
Live Preview