Skip to main content

HTML CSS And Javascript Code Editor

Live Code Editor | Rustcode
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello from Rustcode Editor</title> </head> <body> <h1>Welcome to Rustcode Editor</h1> <p>This is a live preview editor.</p> <p>You can edit the <code>html</code>, <code>css</code>, and even add <code>javascript</code>!</p> <div class="demo-box"> <p>Edit this box or style it differently using CSS above!</p> </div> </body> </html>
CSS
body { font-family: "poppins", sans-serif; background-color: #f0f0f0; color: #333; padding: 2rem; } h1 { color: #313131; } p { font-size: 16px; } code { background: #e9e9e9 !important; padding: 2px 6px !important; border-radius: 4px !important; font-size: 90%; color: #d63384; } .demo-box { background: #ffffff; border: 2px solid #313131; padding: 1rem; max-width: 400px; border-radius: 12px; border: 2px solid black !important; box-shadow: 2px 2px black; }
JS
Preview
Ready