Interactive Code Playground

Type your HTML and CSS inside the editor block below to see it render live in the browser preview instantly.

Source Code Editor

<!-- Write your HTML code here -->
<div class="welcome-box">
  <h2>Hello World!</h2>
  <p>Change this text to see the live update.</p>
</div>

<style>
  .welcome-box {
    background: #0076ff;
    color: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    font-family: sans-serif;
  }
</style>

Live Preview Window

← Back to Page 1 ← Next Page