Code Lab Mission

Live HTML + CSS Practice

Build a tiny page, style it, and watch the preview change while you type.

1 HTML Builder

Try changing the HTML:
  • Add another <p> tag.
  • Change the words inside the paragraph.
  • Add a heading with <h2>My Title</h2>.

2 CSS Styler

Try changing the CSS:
  • Change color or background.
  • Make padding bigger or smaller.
  • Change font-size to 16px, 32px, or 48px.

3 Launch Window

4 Mini Challenges

Class challenge:
  • Make the card look like a spaceship control panel.
  • Add three paragraphs inside the div.
  • Create a second div with a different class name.
  • Explain what changed when you edited HTML versus CSS.