HTML Compiler

Languages

PYTHON

main.html

123456789101112131415

<!DOCTYPE html>
<html>
<head>
  <title>Preview</title>
  <style>
    body {
      font-family: system-ui, sans-serif;
      padding: 20px;
      color: #333;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
      background: #f8fafc;
    }
    h1 { color: #8a2be2; margin-bottom: 10px; }
    .btn {
      background: #8a2be2;
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      cursor: pointer;
      font-weight: 600;
      margin-top: 20px;
      transition: background 0.2s;
    }
    .btn:hover { background: #7a1fd1; }
    .card {
      background: white;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
      text-align: center;
    }
  </style>
</head>
<body>
  <div class="card">
    <h1>Interactive HTML Preview</h1>
    <p>Edit the code on the left and click <b>"Run Code"</b> to see changes.</p>
    <button class="btn" onclick="alert('JavaScript is working!')">Test JavaScript</button>
  </div>
</body>
</html>

Browser Preview