HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>class Attribute Example</title>

  <style>

    body { font-family: system-ui, sans-serif; padding: 1.5rem; line-height: 1.6; max-width: 520px; }

    .lead { font-size: 1.125rem; color: #1e293b; }

    .highlight { background: #fef08a; padding: 0.1em 0.35em; border-radius: 4px; }

  </style>

</head>

<body>

  <p class="lead">The <span class="highlight">class</span> attribute groups elements for CSS and JavaScript.</p>

  <p>Add one or more class names separated by spaces: <code>class="note urgent"</code>.</p>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Attributes — class on p and span