📡 You're offline — showing cached content
⚡ New version available!
Quick Access
🗺️ Roadmaps 🃏 Flashcards 📚 Series 🎓 Tutorials 🗺️ My Path 🎤 Mock Interview ⚡ Cheat Code 📄 Resume Builder 🛠️ Dev Tools
Tutorials › HTML Fundamentals › div and span

div and span

4 min read
div is a generic block container and span is an inline container with no semantic meaning. Use them only when no semantic element fits. Overusing divs is called 'div soup' — always prefer semantic elements first.

div and span

<!-- div — block container -->
<div class="card">
    <div class="card-header">...</div>
    <div class="card-body">...</div>
</div>

<!-- span — inline container -->
<p>Hello, <span class="highlight">Alice</span>!</p>

Use semantic elements first; use div/span only when no semantic element fits.