<html> HTML
<h1 class="headline">Welcome to CSS Basics</h1>
<p class="tagline">CSS lets you style <span class="highlight">text</span>, layouts, and more.</p>
# CSS
/* Base styles (do not remove) */
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 2rem;
  line-height: 1.6;
}
/* TASK
  Use BOTH element selectors and class selectors.
  1) Element selectors:
     - Style h1: set font-size and remove default margin.
     - Style p: set a base color and line-height, and add top margin.
  2) Class selectors (overrides):
     - .tagline: override the base p color to a softer gray.
     - .highlight: emphasize the word "text" using color + font-weight.
  Notes:
    - Don't change the HTML.
    - Keep it simple: only typography + spacing.
*/
Live preview updates as you type
Building preview…