← Voltar
HTML
Live Viewer
Editor
Preview
Copy
<!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; background: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .card { background: white; padding: 2rem; border-radius: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,0.1); text-align: center; } h1 { color: #333; } p { color: #666; } button { background: linear-gradient(135deg, #A451FF, #00F26B); border: none; padding: 10px 20px; color: white; border-radius: 8px; font-weight: bold; cursor: pointer; } </style> </head> <body> <div class="card"> <h1>Hello World</h1> <p>Edit the code on the left to see changes instantly.</p> <button>Click Me</button> </div> </body> </html>