<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…