Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet"> <style> body { font-family: "Inter", Arial; padding: 24px; } h1 { font-size: 2rem; font-weight: 700; color: #6366f1; letter-spacing: -1px; } .lead { font-size: 1.1rem; line-height: 1.7; color: #374151; } .upper { text-transform: uppercase; letter-spacing: 3px; font-size: 0.75rem; color: #9ca3af; } .strike { text-decoration: line-through; color: #d1d5db; } </style> </head> <body> <p class="upper">Tutorial website</p> <h1>LearnCode</h1> <p class="lead">Learn programming step by step with interactive examples.</p> <p class="strike">Old way of learning</p> </body> </html>
Result
Open