FrontendAtlas
Study
▾
Dashboard
Pricing
Get full access
<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. */
Preview
Live preview updates as you type
Building preview…
Show preview