Divs & Spans: Generic Containers — Free HTML Tutorial

Learn Divs & Spans: Generic Containers in HTML with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

✓ 100% Free ✓ No Login Needed ✓ NCERT / CBSE Aligned ✓ Download as PDF

TL;DR: Learn Divs & Spans: Generic Containers in HTML with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

Written & reviewed by the Syllab.in Academic Team (CBSE/NCERT subject experts) · Updated Sep 17, 2026

🤖 Stuck on any question? Ask Syllab's free AI Tutor for a step-by-step explanation — instant, unlimited, no login.

Divs & Spans: Generic Containers in HTML

<div> is a block-level container with no semantic meaning. <span> is inline with no semantic meaning. Use them when no semantic tag fits.

Divs create layout blocks. Spans wrap inline text for styling. Both use class and id for CSS targeting.

Prefer semantic tags (<header>, <section>, <article>) when available. Use div/span only for layout or styling needs.

Divs & Spans: Generic Containers — Syntax

<div class="container">
  <h1>Title</h1>
  <p>Text with <span class="highlight">highlighted part</span>.</p>
</div>

Learn Divs & Spans: Generic Containers step by step with Syllab's free interactive HTML tutorial — runnable code examples, practice exercises and instant AI feedback, all free with no signup. Explore the full HTML course →